beste-ui

Two-tier navbar — a top strip carries an availability badge with a live dot and utility links, over a main row with an oversized wordmark, nav and pill CTA.

Multi-step wizard for building a custom plan with progressive disclosure. Perfect for complex configurations and guided setup.

Tutorial layout with numbered steps, prerequisites box, terminal commands, and completion message. Perfect for hands-on guides.

Animated step wizard with square numbered indicators and content cards for each step. Perfect for product walkthroughs that guide users through key features.

Three-step process visualization with numbered steps and call-to-action. Perfect for showing how easy it is to get started.

Interactive step-by-step wizard with progress bar, clickable step indicators, images, and contextual tips. Perfect for onboarding flows or multi-step process explanations.

Two-column benefits section with sticky left content and scrollable timeline

Sticky intro and CTA beside a single-column FAQ accordion.

Sticky left intro paired with a stacked, numbered list of feature blocks, each with a title, description, and small image.

Two-column layout with sticky image and scrollable feature cards

Colorful rotated note cards in a grid. Creates a playful, informal design for casual FAQs.

A single tall photograph pinned with position sticky, captioned without a rule, while a column of eyebrow-led notes scrolls past it, each note after the first opening on its own hairline.

Sticky featured testimonial and rating beside a scrollable list of quote cards.

A feature with a heading column that sticks while three labelled groups of checked capabilities scroll past it, closing on a footnote under a hairline.

Sticky intro column beside a scrollable stack of numbered service blocks.

A pinned product image beside a scrolling list of feature steps.

A two-column FAQ with a sticky eyebrow, light heading, and support call to action on the left, and an interactive accordion of questions on the right.

Two-column layout with sticky stats and scrollable feature cards

Plan cards with sticky sidebar showing selected plan summary and total. Perfect for long pricing pages with multiple options.

Financial news feed with stock symbols, price changes, trend indicators, volume data, and animated progress bars.

An e-commerce coming-soon section with a square eyebrow, a heading, a drop-date card, a grid of product teaser cards with blurred prices, and a working email notify form with a success state.

Horizontal scrolling stories bar with gradient ring indicators for unread stories and add-your-own button. Perfect for Instagram-style ephemeral content.

Two-column layout with company story, stats, and leadership quote on the left, team photo and avatar row on the right.

Sticky eyebrow rail beside a story column and an offset captioned image.

Structured table view with column headers, alternating row backgrounds, color-coded type badges, and optional links.

Studio overview pairing facts, copy and highlight stats with a clean studio image.

Editorial single-row navbar — bold wordmark, quiet bold links, and an outline pill CTA. Collapses to a clean full-height mobile menu.

A hand-tiled monochrome bento grid mixing a statement, a stat, an image, a quote, and a CTA into one composition.

Closing call to action splitting a tall photo against an oversized heading, a short pitch, a pill CTA beside a plain email link, and a ruled two-column row stating reply time and next availability.

A four-step studio brief where the tall photograph beside it changes with the question on screen, each with its own caption, and sending the brief swaps the plate for the studio and the form for a ledger of the answers.

Culture statement and tenets beside a three-image studio-life collage.

A bold ethos statement beside a list of concrete studio commitments.

Footer for a studio with several addresses — a parenthetical label and heading over a ruled row of city names with addresses and directions links, closed by a nav, copyright and back-to-top bar.

Oversized editorial manifesto statement with emphasized phrases, principle chips and a founder signature.

Team mosaic where portraits carry their name and role inside the tile on a scrim, interleaved with an inverted quote tile and a wide soft tenure figure tile that closes the grid flush.

Editorial hero with twin vertical image marquees scrolling in opposite directions beside the headline.

Image-led about split with a tall portrait, an offset statement heading, supporting copy, mono studio facts, and a seal CTA.

Studio mosaic whose lead tile floats a mood-board media piece over a dotted field between its own eyebrow and statement, beside a photographic tile captioned on its scrim, an inverted figure tile, a soft quote tile and a bordered CTA tile.

A studio team grid of member portraits with names and roles.

Studio values laid out with oversized ghost numerals, titles, descriptions and keywords.

Architectural studio footer — four untitled link columns with a copyright and legal row up top, then an oversized wordmark paired with a discipline list and a closing tagline along the baseline.

A study abroad hero section with destination image cards, program duration badges, and key features. Perfect for universities and international exchange programs.

A gamified streak tracker showing current and longest streaks with a visual weekly activity calendar. Perfect for habit-forming learning apps and student motivation.

Studio navbar with hover dropdown submenus on desktop, described sublinks, a seal CTA and an inline-expanded mobile menu.

A legal section publishing every subprocessor as a scrollable hairline table with purpose, region, and start date, closing on an image tile that floats a live data residency card beside a subscribe-to-changes panel.

Grid of podcast platform cards with logos and external links for Apple Podcasts, Spotify, Google Podcasts, and more. Perfect for helping listeners find and subscribe on their preferred platform.

A centered newsletter hero led by the subscriber count, with a speech bubble naming what arrives on joining, a row of publication marks under it, and an email row that turns into a confirmation.

Subscription management card displaying current plan details, pricing, included features, renewal date, and status badges with actions to change or cancel. Perfect for SaaS billing dashboards and account settings.