beste-ui

A compact FAQ with nothing hidden behind a click: three labelled groups of question and answer pairs set as two-column hairline rows, closing on a link to longer reading.

A feature laid out as a hairline matrix of cells, where a wide first cell carries an image tile floating a live trend metric and the remaining cells hold icon-led capabilities.

A client wall that sets six greyscale logos in a hairline cell grid, each lifting to full colour on hover, with an eyebrow and a short claim on the left, a reach line on the right, and a credit note underneath.

A closing call to action that leads with a narrow portrait tile floating a live phone frame, then sets centered copy and two actions beneath it over three hairline promises.

Split-layout promotion with image, schedule badges, and deal list showing original vs. discounted prices. Perfect for happy hour specials and limited-time offers.

An oversized about statement hero above three heterogeneous zones: portrait, values and a CTA with stats.

Medical facility footer with emergency contact banner, service navigation, patient resources, and certification badges. Perfect for hospitals, clinics, and healthcare providers.

Large-format statistics grid showcasing key metrics like member counts, satisfaction rates, and years of service. Perfect for healthcare organizations and wellness brands.

Wide hero image with gradient overlay text, inline stats, and a stacked avatar strip of team members.

Large hero card with image at top followed by three-column feature card grid over background media

Full-viewport hero image with title and summary overlaid at bottom with gradient. Excellent for visual storytelling or narrative-driven content.

Split layout featuring a styled hero image with animated floating stat badge alongside a feature checklist. Perfect for wellness apps, nutrition platforms, or lifestyle product benefits.

Dark-overlay hero image with heading, suite/room cards with temperature and capacity badges. For hotels and hospitality.

Two-column podcast hero featuring cover art with video modal, host info, episode count, and latest episode card. Perfect for podcast landing pages that highlight show branding and recent content.

Two-column hero with heading, description, icon-only feature list, and CTA on one side and a square image on the other. Image position is configurable.

Centered eyebrow, oversized heading and CTA above a responsive 3-up portrait gallery with monospace captions.

Minimal centered hero with a three-tile strip of workflow pieces underneath: delay, email, and approval surfaces.

Two-column workflow hero with a live automation recipe card on the right showing a multi-app stack and installs counter.

Article with text selection and highlighting feature allowing readers to save key quotes. Great for reference material or learning content.

Card-style call-to-action with value-driven highlight metrics in a bordered grid. Perfect for data-backed conversion sections.

Recruitment statistics dashboard with key metrics, trends, and detailed hiring process stats. Transparent data-driven hiring showcase.

Team lead profiles with photos, bios, and department badges. Introduces future managers to candidates with detailed backgrounds.

The studio's interview process as a connected, numbered step flow.

An interview process published as numbered hairline stages carrying length, who you meet, and an accent chip where the work is paid, closing on a soft promises panel beside a live card for the person who runs it.

Step-by-step hiring process timeline with numbered stages. Shows candidates the interview journey from application to onboarding.

Press-and-hold comparison: holding the frame or the button cross-fades the earlier photograph in and swaps the corner label and caption, releasing returns to the current one.

Residential cleaning service booking with service type tabs (standard/deep/move-out), bedroom/bathroom selectors, recurring frequency pills, add-ons checklist, date picker, estimated duration, and price breakdown footer.

Home value estimate card with price range indicator, estimated value, and comparable recent sales data.

A programme finder that argues with you: three questions land on one training block, and the card overlapping the photographic band answers in two columns, who it is for beside who should not take it, before the practical facts.

Inline horizontal row of feature highlights with icons and vertical dividers between items. Perfect for trust signals, key benefits, or compact feature callouts.

Vertical stack of horizontal blog cards with left-aligned thumbnails. Features calendar and clock icons for metadata, author titles, and tag badges.

Horizontal news cards with author info, read time, trending indicators, and hover effects.

A connected left-to-right sequence of numbered project phases with a ruled timeline and step dots.

Cards that scroll horizontally with fade edges. Good for mobile-friendly carousels of FAQ items.

Horizontally scrollable feature cards with CSS scroll-snap. Cards scroll on mobile/tablet and flow as a regular grid on desktop. Each card has icon, title, description, and optional link.

Questions on left buttons, answers on right panel. Interview-style layout for selected item display.

Multi-step progress indicator with numbered circles connected by a progress line. Perfect for account setup wizards that show users their completion status.

Four-tier horizontal pricing cards with pill-style billing toggle. Perfect for comparing multiple plan options side by side.

Hotel room selection with room type cards showing images, amenity icons, guest capacity, price per night, check-in/check-out date picker, guest counter, and total price summary.

Weekly schedule table with today highlighted, holiday notice alert, phone/email buttons, and live chat. Perfect for restaurant contact pages and business hours display.

Pricing cards with hover cards showing expanded feature details on mouse over. Perfect for dense information without clutter.

Card grid with background images that reveals detailed content on hover via smooth slide-up animation. Perfect for destination showcases or visual feature galleries.

Grid of image cards with gradient overlays. Summaries expand on hover with smooth max-height animation. Titles always visible with white text.

Three-step onboarding process with numbered circles and connecting lines. Perfect for explaining product workflows or signup processes.

Sticky studio intro with a portrait beside a stack of numbered principles.

Formal HR job posting with responsibilities, qualifications, benefits, and sidebar summary. Corporate-style position detail page with apply CTA.

Full-height CAPTCHA-style check with an animated I'm-not-a-robot control that runs through verifying and verified states and unlocks the continue button. Perfect for bot protection before sign-in.

Centered flexbox row of inline feature badges with icons. Perfect for quick feature list, key benefits, or inline feature highlights.