beste-ui

A monochrome three-column grid of uniform project cards, each pairing an image with a title, client / year / service chips, and a link to the case.

Minimal upcoming-runs banner: calendar header, a featured next-run callout, and four compact upcoming entries with relative timing and cron expression.

A newsletter-forward pre-launch section with a monospace parenthetical eyebrow, a heading and subscribe pill button on top, and a three-card grid of upcoming articles each with a kind label, title, and summary.

Usage-based pricing calculator with interactive slider showing tiered breakpoints. Perfect for API services and consumption-based products.

Minimal quota meter card: header with usage label, large used/limit counter, a single progress bar, and a reset countdown footer.

Responsive grid of use case cards with hover effects, images, descriptions, and feature checklists. Perfect for displaying solutions for different industries or customer segments.

3-column grid of image cards with text overlay, hover zoom effect, and arrow indicators. Perfect for showcasing team use cases, industry solutions, or department-specific features.

Navbar with a marked wordmark and a pill-highlighted trigger that drops a floating rounded mega panel — a parenthetical label over a 3x2 grid of icon use-case cards. Sign-in pill plus a primary CTA.

Bundle pricing cards with images, savings badges, itemized contents, and order buttons. Perfect for family meals, combo deals, and catering packages.

A value proposition with an eyebrow kicker over a hairline rule, a two-column heading and paragraph, a wide image panel holding a floating segmented stat card, and a three-column benefit row.

A value proposition with an eyebrow kicker over a hairline rule, a two-column heading and paragraph, and three portrait image tiles that each float a live micro-asset above a title and description.

Two centered statements on a dark surface, each with an accent heading, an uppercase paragraph, and a small label beneath.

Full-width team photo with a three-column values grid below. Great for culture pages and brand storytelling.

A release feed with a sticky version rail that filters the list, and hairline entries carrying a version and date line, tone-coded tags, an accent-bulleted highlight list, and an optional release note link.

A relaunch coming-soon section with a centered square eyebrow and heading, a working early-access email form, and a grid of what's-new feature cards with icons.

Full-bleed hero whose background crossfades across items, steered by a minimal vertical pager pinned to the right edge. The active control grows taller while the rest stay short and dimmed; a giant heading and the clickable active item name sit bottom-left.

Full-bleed monochrome hero whose background crossfades to the active project. A giant heading sits bottom-left while a numbered vertical project index on the right highlights and swaps the active row on hover, click, or auto-loop.

Two vertical image columns scrolling in opposite directions frame the centered call-to-action content. Creates a dynamic gallery wall effect.

Comparison that splits horizontally instead of down the middle: a draggable divider wipes the upper photograph away to expose the lower one, with pill labels and a caption for each state.

Left sidebar tabs with right content panel. Traditional tab interface for category-based FAQs.

Centered timeline with alternating left-right content cards, icons, images, and feature lists. Perfect for showing project phases, company history, or process stages.

Vertical timeline layout with step indicators, descriptions, and a connecting progress line. Perfect for workspace setup flows with detailed step explanations.

Article with featured video player, thumbnail preview, and watch time display. Ideal for video-first content with accompanying text.

Looping background video behind a frosted glass content card with badge, heading, description, and action buttons. Creates an immersive, cinematic feel.

Immersive hero section with autoplay video background, centered overlay text, and dual CTA buttons. Perfect for travel brands wanting to create an emotional first impression with cinematic content.

Full-width video background with dark overlay and translucent glassmorphism stat cards. Immersive hero-style stats section.

Asymmetric bento-style grid with one large video spanning two rows alongside two stacked smaller videos. CTA content sits above the grid.

Staggered horizontal bars slide away in alternating directions on hover, revealing a looping video behind them like opening window blinds. Text transitions to white for readability over the video.

Video preview section with thumbnail image, centered play button overlay, duration badge, and CTA buttons below. Perfect for product demo videos and explainer content.

A 2x2 grid of looping videos playing simultaneously behind a semi-transparent overlay card. Creates a dynamic, energetic backdrop for the call-to-action.

Cinematic call-to-action with a looping background video, gradient overlay, and bottom-aligned content for an immersive hero section.

Video showcase section with thumbnail image, play button overlay, duration badge, and modal video player. Perfect for personal introduction videos or portfolio reels.

Welcome screen featuring a video thumbnail with play overlay and duration badge. Perfect for product tours that use video content to demonstrate features.

A video lesson hero section with course info, thumbnail with play button, and lesson navigation. Perfect for online courses and video-based learning platforms.

Video-focused news section with large thumbnail, play button overlay, duration badge, and related stories sidebar.

A full-bleed image pre-launch teaser with a dark overlay, a monospace parenthetical eyebrow, a central play button that opens the teaser video in a modal, a heading and supporting line, and a light outline waitlist pill button.

Video testimonial cards with thumbnail previews, play buttons, and modal player. Perfect for customer success stories or product review videos.

Centered CTA content above a continuously scrolling horizontal strip of looping video thumbnails. Creates an energetic, dynamic showcase feel.

3-column grid of video thumbnail cards with play button overlay and duration badge. Ideal for video tutorials, product demos, or educational content.

Centered header above a wide video thumbnail with a play overlay, followed by a row of three stat cards with optional star ratings.

Classic newspaper front page layout with masthead, headline hierarchy, three-column text, and drop caps.

Three-column cards for vision, mission, and values with labeled headers. Clean editorial layout for company positioning.

Location mosaic mixing photographic tiles captioned on their own scrim with an inverted address tile carrying a directions link, a soft opening-hours tile and a full-width bordered visit row whose pill CTA sits opposite the copy.

Alternating split layout with feature screenshots on one side and release content on the other. Ideal for marketing-focused product update pages.

Photography-focused layout with hero image, full-width photos, side-by-side grids, and captions. Perfect for travel or photography narratives.

Three-pane builder mockup: a step sidebar, a node canvas with connected workflow nodes, and a properties panel for the selected step.

Health metrics dashboard displaying vital signs like heart rate, blood oxygen, activity, and sleep with trend indicators. Perfect for wellness apps and health tracking platforms.

Per-seat pricing table showing volume discount tiers and price-per-user breakpoints. Perfect for team products with tiered pricing.