beste-ui

Browser-framed product screenshot with surrounding feature callouts.

A navbar with a dark announcement strip above a hairline-bordered row carrying a lowercase wordmark, uppercase links, a sign-in link, an accent call to action, and a mobile menu.

Centered single card with badge, heading, description, and highlight pill. Great for announcements, feature release highlights, or promotional callouts.

Navbar with a dark scrolling announcement bar on top — looping links that pause on hover and fade at the edges — over a clean wordmark row with a pill CTA.

A single announcement laid out like an article, with a standfirst, a full-bleed captioned photo band, a reading column, and a sticky rail carrying the key facts and related entries.

An annual results section pairing an image tile that floats a live breakdown chart with a light interpretation of it, then four hairline readings that each name their own source, closing on a method panel.

Annual pricing tiers showing per-month equivalent cost and yearly savings. Perfect for encouraging annual commitments with clear value display.

A help section that asks two questions instead of offering a search box: the answers pick one written answer from a list of routes, an image tile beside them floats the answer as a live assistant card and changes with it, and a soft panel underneath keeps a way through to a person.

Interactive REST API endpoint reference with method badges, expandable parameter details, and response types. Grouped by resource.

A developer section that lists common endpoints as hairline rows pairing tone-coded method chips with monospace paths, beside a dark code panel holding a full sample request and its response.

Browser-chrome card pairing a DevTools-style API inspector on the left with a syntax-highlighted code editor on the right — method badge, response body, timing footer. Every label is editable; no media props required.

API key management panel with masked credentials, reveal/copy controls, scope badges, and active/revoked status indicators.

Technical reference with endpoint cards, HTTP method badges, and side-by-side request/response examples. Perfect for API documentation.

API documentation cards showing response examples with color-coded status badges. Headers section, JSON body with copy button, success/error variants.

API pricing table showing tiered rate per request with volume discount breakdown. Perfect for developer APIs and infrastructure services.

API analytics dashboard with endpoint usage table. Stats cards for requests, latency, error rate, and active users. Trend indicators and method badges.

Terminal-style structured log viewer with level filtering. Color-coded INFO, WARN, ERROR, and DEBUG entries with timestamps and source labels.

Three intake questions that land on a real appointment type instead of a drop-down: the answers pick a route with its length, its facts, and the clinician you will sit with, and the image tile beside them swaps its floated availability card to match.

Upcoming and past appointments list grouped by date, with service name, provider avatar, time, duration, status badges (confirmed/pending/cancelled), and reschedule/cancel action buttons.

An approval workflow drawn as a vertical rail of nodes tinted by whether each step is done, waiting, or queued, naming the person and the timestamp, beside a tile floating the live request card.

Mobile app promotion footer with phone mockup screenshot, feature highlights, download stats, app store badges, and QR code. Perfect for mobile app marketing pages.

An app pre-launch split card with a muted panel holding a wordmark, a monospace parenthetical eyebrow, a heading, a working email waitlist form and platform chips, beside a full-bleed image covering the other half.

One column per year on a hairline, each stating the year as a figure with its published count beside it, a sentence on what that year was about, and the pieces that defined it.

Text-first archive index of reference, thumbnail, title and year, opening a record card with two sides: the work on the front and the registrar's acquisition, condition and storage notes on the back.

Technical article with code blocks featuring language labels, filenames, and copy-to-clipboard buttons. Ideal for programming tutorials.

Article with full comment system, replies, likes, and featured comments. Perfect for community-driven discussions.

Three-column layout with table of contents on left, main article in center, and right sidebar for related content. Perfect for long-form guides.

Two-column layout with main article and right sidebar containing related article cards with thumbnails. Perfect for discovery-focused content.

Two-column layout with main content on left and sticky author profile card on right with social links. Great for individual contributor articles.

A full article layout with a ruled byline row, a wide lead image, prose blocks that carry their own anchors, an accent-ruled pull quote, a closing tag row, and a contents rail that sticks beside the text on desktop.

Three-column layout with TOC left sidebar, main article center, and action buttons with tags right sidebar. Best for technical documentation.

Exhibition split into artist rooms, each with a sticky statement column beside its works, opening a viewer that shows the chosen piece large with the next one waiting as a thumbnail you can step straight into.

An open question FAQ pairing a soft panel that sticks while you scroll, holding a working question and email form, with the questions others sent recently answered as linked hairline entries.

An assistant section where question pills swap the image tile beneath them, each floating a live answer card that cites the records it read, closing on three hairline guarantees and one action.

One oversized lead figure paired with a ruled, right-aligned stack of supporting stats split by a vertical rule.

40/60 asymmetric split hero with narrow content panel and vertical quick links over video

Alternating rows with tall highlight card and stacked compact cards over background media

Onboarding screen with a quick survey asking how the user discovered the product, with selectable options and an optional text input. Perfect for marketing attribution during signup.

Four publication figures on hairlines, each carrying a label and a short note on how that number was measured rather than leaving the reader to trust it.

Pill tabs for each audience swap a split panel holding a tall photograph beside a title, summary and ruled list of what that audience actually gets.

Fully functional audio player with Now Playing card, playlist view, progress bar, skip controls, and waveform animation.

Filterable audit trail showing user actions with create, update, delete, and access type indicators. Includes resource, user, and timestamp info.

Interactive call-to-action card with animated aurora gradient blobs and mouse-following spotlight effect. Creates an immersive, eye-catching conversion section.

Prominent author profile with large avatar display, followed by featured image below title. Best for thought leadership or expert opinion pieces.

Full-bleed hero whose background photographs cross-fade on a timer, with a caption and bar indicators on a ruled line at the foot that also let a reader jump straight to a frame.

A workflow that scores each stage on how much of it runs unattended, drawing an accent bar per stage and naming what still needs a person, against a sticky column with one headline figure and a live stage tracker.

Animated carousel with progress bar and auto-advance through questions. Engaging for featured FAQs.

Dense grid of subscriber avatars with centered heading overlay and call-to-action. Perfect for community-driven conversion.