beste-ui

Cyberpunk-styled cards with neon glow, scan lines, and text shadows. Futuristic aesthetic with glowing effects.

Real-time HTTP request interceptor with recording controls. Method badges, status codes, duration timing, size info, and filterable by method/type.

A two-column location-launch section with an accent-badged image tile beside a square eyebrow, a city heading, a supporting line, a ruled details grid of opening facts, and a dark seal notify button.

Newspaper-style layout with byline, serif typography, author bio sidebar, and trending articles list. Ideal for news or journalism.

Featured news carousel with large images, navigation arrows, and progress dots. Side-by-side layout on desktop.

Full-height security notification screen listing the device, location, and time of a new sign-in, with confirm-it-was-me and secure-my-account actions. Perfect for suspicious-login alerts and account safety prompts.

Split card with a subscribe form beside an image.

Call-to-action with avatar stack, subscriber count, and testimonial quote for building trust and boosting conversions.

Footer led by a subscribe form beside link columns.

Newsletter-forward footer — a parenthetical label and oversized heading beside an email field with a pill submit, over a ruled bottom bar of wordmark, nav and social links.

Newsletter-style layout with issue number, dashed dividers between sections, and subscribe button. Perfect for weekly roundups or curated content.

A monochrome newsletter CTA band pairing an oversized statement with an inline email-capture form and a reassurance note.

A blog section splitting a bordered container between the newsletter pitch with a cadence line on a hairline and an image tile holding a working subscribe row, over three linked back issues.

Email newsletter style news layout with editor's note, categorized stories, and subscription CTA.

Preview card showing a sample newsletter issue with subscribe call-to-action. Perfect for giving visitors a taste of content before subscribing.

A newsletter coming-soon section with a centered monospace parenthetical eyebrow, a heading, a working subscribe email form, and a three-card grid previewing upcoming issues.

Footer with email subscription form, navigation columns, legal links, and social icons. Perfect for content sites and businesses building email lists.

Newsletter signup sidebar with featured story and additional headlines. Sticky subscription form.

Broadsheet newspaper layout with masthead, featured headline story, sidebar briefs, and numbered patch notes in flowing columns.

Classic newspaper layout with serif fonts and bordered headline. Large main story on left, stacked secondary stories on right with dividers.

Classic newspaper layout with serif typography, featured article spanning two columns, and sidebar articles.

A newsroom listing with a heading, a divider, and an eyebrow over a hairline rule, a two-column lead story with a large image, the remaining stories stacked as numbered ruled rows with square thumbnails, and a seal button to the full archive.

A CSS-columns masonry of linked newsroom cards under a parenthetical eyebrow and a large heading, where the image aspect ratio cycles by position so the wall keeps an uneven, magazine-like rhythm.

Cinematic full-screen news slideshow with animated transitions, auto-play, spotlight effect, and dramatic typography.

Instagram-style story circles with fullscreen viewer, auto-advance progress bars, channel avatars, and LIVE badges.

Vertical news timeline with timestamps, breaking news indicators, and optional article images.

A two-column coming-soon section styled as a magazine launch with an accent-badged cover image, a masthead, a square eyebrow, a heading, a numbered contents list, and a working email subscribe form.

A not-found page that offers a way forward rather than a way back, pairing an oversized light heading with an image tile floating a live search panel and a two-column hairline list of likely destinations.

Coming soon section with selectable notification channel cards for email, Slack, Twitter, and more. Perfect for letting users choose how they want to be notified at launch.

Compact notification-style call-to-action card with icon, message, and inline action button. Perfect for subtle inline conversion prompts.

Notification list with activity types (likes, comments, follows, mentions), unread indicators, and mark-as-read actions. Perfect for notification center dropdowns or pages.

Onboarding screen with toggle switches for configuring notification channels and frequency. Perfect for apps that need granular notification consent during setup.

Vertical stacked notification-style list with items, descriptions, and status badges. Great for updates feed, changelog, or activity log display.

Numbered feature cards in staggered grid over background media with editorial large-number styling

A type-forward FAQ with a sticky heading rail and a numbered accordion list of expandable questions.

Compact numbered headline list with large index numbers, category badges, and source attribution.

Questions displayed with numbered badges and answers below. Ideal for step-by-step guides or priority-ordered FAQs.

Numbered reasons or benefits list with large ordinals and call-to-action at the bottom. Perfect for persuasive, structured conversion arguments.

Two-column grid with large numbers and Q&A pairs. Clean numbered format with clear visual hierarchy.

Asymmetric two-column layout with heading on the left and numbered company principles on the right. Clean and editorial.

Process section with a header and a vertical list of four numbered steps separated by top borders.

Left-aligned intro with eyebrow, heading and CTA beside a four-column band of numbered process steps linked by a connector line.

Two-column grid of numbered items (01, 02, etc.) with circular badges, titles, and descriptions. Perfect for why-choose-us sections, benefits lists, or key differentiators.

A services section with an eyebrow over a hairline rule, a two-column heading, and an editorial list of monospace-numbered service rows split into title and description.

Responsive grid of numbered step cards with titles and descriptions. Perfect for process visualization, onboarding steps, or sequential workflows.

3-column grid of numbered steps with titles and descriptions. Ideal for onboarding flows, process overviews, and how-it-works sections.

Vertical numbered steps with alternating left-right image positions, descriptions, and feature lists. Perfect for explaining multi-step processes or onboarding flows.

Full-height push-approval screen that shows a large number to match in your authenticator app, with a live waiting indicator and a cancel option. Perfect for number-matching two-factor authentication.