beste-ui

Responsive card grid of releases with version badges, descriptions, and optional links. Great for browsable release archives.

Two-column CTA paired with a failed-run retry card. Copy talks reliability while the asset shows the actual recovery surface.

Work environment section with equipment provisions and work policies. Two-column layout showing what the company provides and how the team operates.

A licence written as three plain columns, what is allowed outright, what needs an email first and what is refused, each item marked by the icon for its column.

Academic article with abstract, key findings, and references. Perfect for research summaries and study highlights.

Booking confirmation card with service details, date/time, provider info with avatar, price breakdown with subtotal/tax/discount/total, promo code input, cancellation policy, and confirm CTA.

Curated list format with resource cards, descriptions, and links. Great for collections and recommendations.

A closing call to action that offers three downloadable resources as full-width hairline rows, each a link with a short kicker, a format note, and an arrow that shifts on hover.

A masonry of what readers wrote back, disagreements included, filtered by platform pills whose counts come from the responses themselves, over a hairline row of accounts to follow.

Auto-playing image slideshow showcasing restaurant ambiance with slide titles and navigation controls. Perfect for restaurant homepages and venue presentations.

A hospitality coming-soon section with an interior image beside a venue name, a square eyebrow, a heading, an opening details grid with icons, and a working email list form with a success state.

Restaurant table reservation with guest count selector, date/time picker, seating preference (indoor/outdoor/bar), special requests textarea, and booking summary. Fine dining reservation flow.

Fine dining footer with business hours, location details, phone number, menu links, and reservation button. Perfect for restaurants and hospitality venues.

An eyebrow and large heading paired with a dark CTA on one row, above three tall stat cards that each combine an oversized figure, an inline label, a divider, and a supporting description.

Monochrome page for deliberately removed content: a display headline, a ruled record of when it was published, retired and why, then a pill link to the replacement beside an archive link.

Reverse split hero with compact 3x2 pill grid over video left, content right

50/50 split hero with video/image left and content with testimonial quote right

Star rating breakdown with horizontal progress bars for each rating level, overall score, and total review count like Amazon or App Store.

Sophisticated AI prompt input area with auto-expanding textarea, attachment and image upload buttons, model selector, and a grid of contextual prompt suggestion cards. Inspired by ChatGPT and Claude home screens.

Ride-share style booking with pickup/dropoff address inputs, schedule now/later toggle, ride class selector (economy/comfort/xl) with ETA and fare, payment method row, and confirm ride CTA. Perfect for taxi, transfer, and shuttle apps.

Right-aligned layout with heading, description, and a 2x2 grid of stat cards. Perfect for showcasing key metrics alongside content.

Two-column comparison table showing data rights and privacy features by plan tier. Badge-styled values for Free vs Pro plans.

Stats displayed inside circular SVG progress rings with animated counters. Great for visualizing percentages and performance metrics.

Hybrid roadmap and changelog with shipped, in-progress, and planned items. Includes status dots, tags, and optional feature images.

Interactive ROI calculator with slider inputs showing potential savings and return projection. Perfect for enterprise tools demonstrating value.

A getting-started section whose role pills swap a sticky summary column and the numbered steps beside it, each step carrying its own title, explanation, and honest time estimate.

Side-by-side role comparison grid showing team, skills, experience, and salary for different positions. Responsive table-to-card layout.

A hiring section that answers three questions instead of listing a job board: the answers land on one open role with its team, its location, and its published pay band, and the photograph beside it changes to the part of the studio that role sits in.

Onboarding screen where users select their role or persona to personalize their experience. Each role card shows an icon, title, and description with a selectable highlight state.

Department-tabbed open roles list using shadcn Tabs.

A full featured-role posting with responsibilities, requirements and a sticky apply card.

A responsibility swimlane crossing roles against stages, filling every cell by whether that role owns, helps, only reads, or has no access, with a legend keyed to the same tints.

A use-case section with an eyebrow over a hairline rule, a two-column heading, and three bordered role cards with an icon chip, a role label, a title, a description, and an arrow link.

Full-bleed monochrome hero with a giant display heading over a static image, paired with a card that auto-cycles through testimonials and click-to-select dots.

Client proof band with a parenthetical eyebrow, a display heading beside a supporting paragraph, and a ruled grid of grayscale logos where each one carries a plain caption naming the work, closed by a footnote and a pill CTA.

Editorial directory footer — a parenthetical label and statement above ruled sitemap rows, each pairing a section title with a wrapping set of links, closed by a wordmark and copyright line.

Image-free article index where every entry is one ruled row carrying the date, the category, the title and the reading time with a corner arrow, stacking to a readable block on mobile.

Full-width run history table showing live workflow runs with status pills, duration, started-at timestamps, and per-row actions.

An editorial integrations section pairing a big-type pitch with a bordered mosaic of grayscale partner logo tiles.

Feature split pairing a focused pitch with a built monochrome app-window mockup of skeletons, nav, and metrics.

Transparent salary bands with level, role, visual range bars, and equity details. Pay transparency table with responsive card fallback.

Live countdown with days, hours, minutes, and seconds in default, compact, or banner variants. Perfect for flash sales and limited-time promotions.

Celebration-style milestone section with a prominent central metric and supporting stats, perfect for announcing sales achievements.

A sales-CRM dashboard: sidebar + search topbar, pipeline KPIs, a four-stage kanban board of deal cards with owners and hot-lead flags, a revenue-vs-forecast area chart, a team-quota radial gauge, and a rep leaderboard with progress bars.

Label-free salon wall where works of four different spans pack tightly into a matted panel, opening a passe-partout viewer whose full-height side margins are themselves the previous and next controls.

Bookmarked articles list with thumbnails, titles, descriptions, source info, and remove actions. Perfect for reading lists and saved content collections.

A messaging section where a hairline list of saved replies, each with what it is for and how often it is used, swaps a bordered preview card showing the message and the fields it fills in from the record.

3-column image grid with hover zoom icons and full-screen lightbox modal on click. Perfect for product screenshots, portfolio showcases, and visual feature tours.