beste-ui

Developer-focused terminal aesthetic with monospace font, command prompt, and stats displayed as CLI output with a blinking cursor.

Full-height terminal-style sign-in rendered as a CLI window with a command prompt, a monospace email input, and a send-link action. Perfect for developer tools and CLI-first products.

Terminal-style interface with commands and outputs. Perfect for developer FAQs or technical documentation.

Formal terms and conditions acceptance card with individual checkboxes for each agreement. Shows required vs optional consents, links to full documents, and a submit button. Ideal for sign-up flows.

Text-focused terms of service card with numbered sections. Each section has a heading and paragraph content for full legal text.

Displays key terms with color-coded icons for allowed, prohibited, and important points. Perfect for presenting condensed terms before user acceptance.

Horizontally scrollable testimonial cards with full-bleed portraits, overlaid quote and author.

Shows disclaimer about customer testimonials with star decoration and important notes. Perfect for product pages featuring reviews or success stories.

Grid of short testimonial quotes with centered call-to-action below. Perfect for social proof driven conversion.

Two rows of monochrome quote cards scrolling in opposite directions with edge fades.

A featured customer quote paired with supporting metrics for maximum social proof and credibility.

Onboarding screen for choosing theme mode (light, dark, system) and accent color. Perfect for apps that offer visual customization as part of the onboarding experience.

An onboarding section setting out four dated milestones as bordered cards, each closing on the figure it should hit, above a soft panel that floats a live progress metric on an image tile.

Comment section with nested replies, like counts, reply functionality, and expandable threads. Perfect for blog posts, articles, or discussion forums.

Three feature cards that swap an icon for a real micro-asset: a bar chart, a before/after stat, and a terminal prompt. Demonstrates how registry-pieces drop into block media slots.

Three feature cards that swap icons for live workflow pieces: an app picker, a configurable step, and an active toggle.

Q&A pairs arranged in a responsive grid layout. Ideal for displaying concise answers in a scannable, multi-column format.

Three tall portrait images in a row, each paired with a padded numeral, title, and description — a monochrome statement of guiding principles.

An implementation timeline laid out as three hairline columns, each opening with a week marker over a phase title, a short explanation, and a checked deliverable list, closing on a soft summary strip.

A testimonial grid with an eyebrow over a hairline rule, a two-column heading, and three bordered quote cards each closing with an author avatar, name, and role.

A getting-started section with an eyebrow over a hairline rule, a two-column heading, three monospace-numbered steps under their own hairlines, and an accent button.

Three side-by-side step cards with a media surface anchored to the bottom of each card. Each slot accepts an image, video, or live registry-component asset.

A pricing section with an eyebrow over a hairline rule, a two-column heading, and three plan cards with light prices, checked feature lists, and an accent-highlighted popular tier.

Three pricing tiers with an emphasized popular plan and feature lists.

A three-tier pricing grid whose monthly and yearly toggle swaps both the light figure and the billing note on every card, with the recommended tier outlined in the accent.

Full-bleed hero whose background crossfades to the active item, with an auto-scrolling marquee of clickable thumbnails along the bottom and a giant heading above the strip.

Multi-ticket type selector with quantity controls, availability tracking, and checkout total. Perfect for event ticketing with multiple pass options.

Tabbed membership pricing: feature list, headline price with CTA, and a plan summary panel per tab.

Two photographs split across the same grid so each square can be flipped from before to after on click, with buttons to turn the whole frame over and a counter of how much has been revealed.

Alternating left-right cards connected by a vertical line. Great for creating a narrative flow through related questions.

Two-column layout with company stats on the left and a vertical timeline of milestones on the right. Ideal for company history and growth stories.

Horizontal timeline with year markers and key metrics at each milestone, ideal for showing company growth and history.

A horizontally scrollable dated milestone timeline with alternating cards on a continuous axis.

Vertical timeline with alternating content and numbered dots. Perfect for onboarding or journey-based FAQs.

Vertical timeline archive organized by year and month. Calendar icon with border line connecting entries. Compact text-only format.

Base plan pricing with toggle group buttons for selecting add-ons. Perfect for products with a la carte feature selection.

Hero section with token price card showing live market stats. Price change indicator, market cap, volume, and circulating supply grid. Trending up/down icons.

Responsive grid of linked tool cards with descriptions and tag badges. Excellent for developer tools showcase, API documentation, or SDK listings.

A two-column directory of free tools, each card a linked row with a tinted icon tile, a name and one line on what it does, closed by a seal button to the full list.

Three tinted topic cards, each stamped with how many pieces sit behind it, the topic name, and an image filling the lower half, alongside a link out to the full topic index.

A topic hub card whose left third is a photo panel with the topic title set on a scrim over it, next to a two-column body: a short summary on one side and the posts belonging to the topic listed by title alone on the other.

A categorised FAQ whose topic rail is derived from the questions themselves and carries live counts, switching the accordion beside it and resetting it to the first answer on every change.

Visual category grid showing tour types like adventure, cultural, beach, and safari with images and tour counts. Perfect for travel agencies organizing trips by experience style.

A setup section listing four numbered steps with who owns each one, against a column that sticks while they scroll and floats a live step tracker on an image tile.

A web-analytics console: sidebar + search topbar, a live realtime strip, an hourly sessions area chart, a daily-goal radial gauge, a channel-audience radar chart, a new-vs-returning line chart, and a sortable top-pages table.

Program grid with images, duration, frequency, skill level, and enrollment buttons. Perfect for fitness program catalogs and workout plan selection.

A learning section leading with an image tile that floats a live help centre search, then listing the videos, guides, and sessions behind it as linked hairline rows across two columns.

Searchable episode transcript with clickable timestamps, speaker labels, and download option. Perfect for podcast accessibility features and content discovery.