beste-ui

A setup panel pairing a soft progress column, where an oversized percentage and accent bar react to what is ticked, with hairline checklist rows that each carry a description and a jump-in link.

Clothing size selector with body measurement inputs, personalized fit scoring, and comprehensive size chart reference table. Perfect for apparel and footwear product pages.

Tab-based use case section with images, descriptions, and feature checklists that collapse to accordion on mobile. Perfect for showcasing how different teams or departments use your product.

Platform architecture visualized as color-coded horizontal layers. Each layer is clickable and expands to reveal details. Unique layer numbering and distinct colors per tier. Great for showcasing infrastructure and architecture.

Hover-activated tabs on the left reveal detailed workflow previews with images, bullet points, and action links on the right. Perfect for showcasing product capabilities or multi-step features.

A numbered project index that cross-fades a sticky image preview as each row is hovered.

A centered full-bleed image waitlist section with a dark overlay and light text, a monospace parenthetical eyebrow, a heading, a set of toggleable interest chips, and a working rounded email-capture form with a success state.

Onboarding screen with a grid of selectable interest tags and chips for personalizing content recommendations. Perfect for content platforms, newsletters, and social apps.

Magazine about where copy is interleaved between two staggered offset images.

Internship program section with highlights, mentorship details, program summary card, and apply CTA. For recruiting early-career talent.

Interview layout showing interviewer and interviewee with avatars, hero image, and question-answer pairs. Ideal for interviews and conversations.

Interview with Q&A format, audio player, and speaker timestamps. Perfect for podcast interviews and conversations.

A full-width dark closing band with a light display heading, a paragraph, two actions, and three reassurances sitting under a hairline rule.

A company update held in one dark panel, pairing a light heading and four supporting figures over a hairline rule with a bordered column that floats a live press contact card.

A follow section held in one dark panel, listing each account as a linked hairline row with what gets posted there and a light follower figure.

A live platform panel on one dark surface, with four light figures on a hairline rule and a floating trend card reading the month week by week.

A support section built as one dark panel, with a light heading, three hairline promises about who answers, two actions, and a bordered column floating a live on-call conversation.

A hero built as one dark panel: a light display heading, two actions, and a hairline table of service commitments beside a bordered image column that floats a live uptime strip.

Property investment metrics in a clean table layout showing cap rate, cash-on-cash return, rental yield, and appreciation.

Monochrome permission page: a display headline over a request pill that swaps to a sent confirmation, a ruled record of the project, owner and visibility, and an overlapping avatar row of current members.

An invite-only pre-launch card on a soft muted surface with a monospace parenthetical eyebrow, a heading, a working invite-code redemption form with a success state, and a fallback waitlist pill button.

Full-height invite-only gate with a centered code field and a request-an-invite link. Perfect for closed betas, early access, and gated launches.

A team setup section pairing a soft panel with a working invite row, a role picker, and a plain-language table of what each role can reach, with a bordered list of who is already on the account and whether they have accepted, closing on a seat meter that fills one tick per seat taken.

Detailed invoice page with billing address, itemized line items table, subtotal, tax, total, and payment method info with print and download actions. Perfect for generating printable invoices and payment receipts.

Billing history table displaying invoices with date, description, amount, payment status badges, and download buttons. Perfect for account billing pages and payment management dashboards.

Email subscription form for job alerts with trust indicators. Captures candidate interest for future openings with clean card layout.

Job application form with input fields, file upload area, and position summary sidebar. Complete apply page layout for career sites.

Single job posting detail with responsibilities, requirements, nice-to-haves, and apply CTA. Full position description layout.

Ruled index of jobs on the left that swaps the panel beside it, where each selection brings its own photograph, explanation and two ruled outcome figures.

Career openings list with job title, department badge, location, and employment type. Perfect for company career pages with clickable job postings.

Job listings section with role cards showing department, location, and employment type. Clean list layout with hover effects and apply buttons.

Job openings grid with department badges, location tags, and apply buttons. Card-based layout for career pages.

Sticky employer-value intro beside a scrollable open-roles list.

Full-height waitlist capture with an email field, a join button, a social-proof line, and a sign-in link for existing users. Perfect for pre-launch and early-access landing gates.

Three linked journal cards, each with a four-by-three image, a category, a display title, an excerpt and a ruled byline pinned to the bottom of the card so uneven excerpts still align.

Editorial journal preview pairing one lead entry with a wide image, category, title, excerpt and date against a ruled index of three shorter entries, headed by an eyebrow, a display heading and an outline pill CTA.

Stats displayed as a syntax-highlighted JSON API response inside a code block with endpoint URL header and colored tokens.

Interactive JSON editor with format, minify, and real-time validation. Valid/invalid status badge, copy button, and syntax error display.

Three-column kanban board grouping changes by type — Features, Fixes, and Improvements — with stacked cards.

Split-layout hero with interactive kanban board mockup showing tasks with priorities, tags, assignees, and floating completion stats. Perfect for project management tools.

Three vertical columns with icons and card stacks. Useful for organizing FAQs into distinct categories like a kanban board.

Product roadmap presented as a kanban board with three swim lanes: Shipped, In Progress, and Planned. Each feature card has an icon, title, and status-colored tag. Transparent product development view.

Onboarding screen displaying essential keyboard shortcuts in a grouped grid layout with key badges. Perfect for productivity tools that want to accelerate user adoption.

Grouped keyboard shortcuts with styled keycap visuals. Shows key combinations with shadow-styled kbd elements and descriptions.

Featured speaker spotlight with large portrait, bio, session topic, and social media links. Perfect for highlighting conference keynote presenters.

Full-bleed monochrome hero with a giant headline whose final word auto-cycles through a list, plus clickable chips to pick a word and pause the rotation.

Team member cards with portrait photos, roles, experience badges, and hover image zoom. Perfect for staff introductions and restaurant about pages.

Searchable FAQ with category filters, helpful votes, and related questions. Perfect for help centers and documentation.