beste-ui

Six-card grid featuring icons, descriptions, and highlighted stats (latency, uptime, user counts) with animated hover effects. Perfect for showcasing SaaS capabilities or enterprise platform features.

Pill-style horizontal tabs displaying platform availability with large images, feature checklists, and download CTAs. Perfect for showcasing cross-platform product availability.

A podcast section with an eyebrow over a hairline rule and a two-column heading, pairing an image tile that floats a live audio player with a divided episode list.

Audio player card featuring cover art, animated waveform visualization, play/pause controls, and progress tracking. Perfect for embedded podcast players on show pages.

Podcast episode layout with audio player, host/guest profiles, timestamps, and show notes. Perfect for podcast transcripts and episode pages.

Podcast with chapter markers, transcript segments, and show notes. Perfect for long-form audio content with navigation.

A two-column podcast-launch section with an accent-badged square cover image beside a square eyebrow, show title, description, a dark seal subscribe button, platform links, and a ruled list of first episodes.

Poetry showcase with poet bio, formatted verses, dedications, and audio. Perfect for literary magazines and poetry publications.

Playful polaroid-style cards with random rotations and white borders. Cards straighten on hover for a fun, casual photo gallery feel.

A readable policy page with a last-updated line, a sticky hairline table of contents that scrolls smoothly to each anchored section, prose sections with accent-bulleted lists, and a soft contact panel at the end.

Browser-chrome card pairing two minimal code panes — same logic in two languages (TypeScript and Python by default). Monochrome syntax with muted comments and language badges. Every label is editable; no media props required.

Pinterest-style masonry grid with variable-height image cards, category labels, and hover zoom effects. Perfect for creative portfolios or work showcases.

Real estate portfolio dashboard with total value, monthly income, occupancy rate, and property count for investors.

A personal coming-soon page with a monospace parenthetical eyebrow, an oversized name, a role and tagline, an email contact pill button, a row of social links, and an availability status line.

A single customer story that sets a tall portrait with a gradient name card beside an oversized light quote, a hairline row of three proof figures, and a link into the full write-up.

Poster-style hero where a wide cinematic image carries a soft proof card overlapping its lower corner on desktop, naming a project, what was delivered and one measured outcome.

Poster-scale navbar — an oversized wordmark anchors the left while a right column stacks the nav, a pill CTA and a parenthetical label. Collapses to a stacked mobile menu.

A pre-launch manifesto section on a soft muted card with a monospace parenthetical eyebrow, a large statement heading, and a three-column ruled list of numbered building principles above a follow-along pill button.

A media kit listing downloadable assets as linked hairline rows with their formats, a swatch column naming each colour and where it is used, and two usage rules set as an allowed and a not-allowed card.

Media mentions list with publication source badges, headlines, and dates. Perfect for showcasing company press coverage and news articles.

A press section built around a soft panel holding the standout quote and its publication, followed by hairline coverage rows that align publication, headline, and date, and a press kit action to close.

A coverage section listing each outlet against the line it published, as linked hairline rows with the writer and date, closing on a soft press pack panel.

A single raised card holding three publication marks side by side, each with the line that publication wrote underneath it, over a soft section band.

A three-column wall of image-free press release cards on soft muted surfaces under a parenthetical eyebrow and a large heading, each card pairing a release type and date with a headline, dek, byline, and a ruled category row.

A press room listing with a square eyebrow, a bold heading and intro over a hairline rule, a wide lead release with a panoramic image, and the remaining releases stacked as ruled rows that pair a date column with a release type, headline, dek, and a square arrow chip.

Google Flights-style price calendar with per-day pricing, cheapest day highlights, expensive day indicators, date range selection, and best deal summary banner. Universal for hotels, flights, car rentals, and vacation bookings.

An interactive pricing-preview section with a centered square eyebrow and heading, a plan switcher that swaps a detail card showing a locked blurred price, accent-checked features, and a dark seal notify button.

Centered hero with prominent price display, period label, and horizontal feature checklist. Perfect for freemium products and pricing-focused landing pages.

Single plan pricing card paired with an expandable FAQ accordion section. Perfect for reducing purchase friction with inline answers.

Single plan pricing card with collapsible FAQ accordion for common questions. Perfect for reducing support queries on pricing pages.

Pricing cards displaying star ratings and review counts for social proof. Perfect for marketplaces and consumer products.

Two-panel pricing card with scrollable features list and dark slogan panel with background image overlay.

Pricing card featuring an embedded customer testimonial with star rating. Perfect for building trust alongside pricing information.

Pricing tiers with hover tooltips explaining each feature in detail. Perfect for complex products with features that need explanation.

About pairing a sticky studio statement and image with a numbered list of operating principles.

Principles section with a header and a three-column grid of six bordered cards, each pairing a circular icon with a title and description.

Interactive principle list that swaps a detail panel with image as each is hovered.

Expandable privacy FAQ using accordion pattern. Each question reveals a detailed answer on click. Ideal for help centers and privacy pages.

Shows privacy policy content with expandable accordion sections for each topic. Perfect for organizing lengthy privacy policies into scannable segments.

Full privacy policy content card with sections covering data collection, usage, sharing, retention, rights, and security. Ideal for dedicated privacy pages.

Simple privacy policy overview card listing key data practices. Ideal for sign-up flows, footers, or settings pages.

A two-column private-beta section with a square eyebrow, a heading, a supporting paragraph, and a dark seal apply button beside a bordered card listing accent-checked tester benefits.

Expandable numbered process steps revealing deliverables and duration.

Ascending-staircase process timeline where each phase climbs above the last, with oversized index numerals, cadence labels and per-phase deliverables.

A kanban-style board showing studio work moving across stage columns.

Horizontal connected process steps with numbered nodes on a continuous rail.

Each process stage paired with a prominent SLA-style metric.

How-we-work section: a square visual beside a step panel with prev/next navigation, step title, description and a stat.