---
name: "@beste-ui"
slug: "beste-ui"
description: "A curated collection of 1,163+ production-ready shadcn/ui blocks built with React, Tailwind CSS, and Next.js, organized into named categories including hero, feature, pricing, cta, faq, stats, auth, careers, news, ecommerce, onboarding, food, booking, event, travel, blog, chat, portfolio, and more. Each block is individually installable via the shadcn CLI. Free and open source. Use for: quickly assembling diverse landing pages and web-app screens without building blocks from scratch."
category: "Blocks & sections (marketing/SaaS)"
tags: ["auth", "blocks", "buttons", "cms", "dashboard", "e-commerce", "marketing", "onboarding", "pro-available", "saas"]
framework: "react"
license: "MIT"
author: "beste-co"
website: "https://ui.beste.co"
github: "https://github.com/beste-co/beste-ui"
registry: "https://ui.beste.co/r/registry.json"
pro: true
pro_url: "https://ui.beste.co/pricing"
github_stars: 22
component_count: 250
generated_at: "2026-09-21T01:50:16.753Z"
---

# @beste-ui

A curated collection of 1,163+ production-ready shadcn/ui blocks built with React, Tailwind CSS, and Next.js, organized into named categories including hero, feature, pricing, cta, faq, stats, auth, careers, news, ecommerce, onboarding, food, booking, event, travel, blog, chat, portfolio, and more. Each block is individually installable via the shadcn CLI. Free and open source. Use for: quickly assembling diverse landing pages and web-app screens without building blocks from scratch.

## Links

- Website: https://ui.beste.co
- GitHub: https://github.com/beste-co/beste-ui
- Registry JSON: https://ui.beste.co/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/beste-ui
- This file: https://sh4dcn.vercel.app/md/beste-ui.md
- Pro / pricing: https://ui.beste.co/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://ui.beste.co/r/registry.json
pnpm dlx shadcn@latest add https://ui.beste.co/r/registry.json
bunx shadcn@latest add https://ui.beste.co/r/registry.json
# clone the source repo
git clone https://github.com/beste-co/beste-ui.git
# fetch the raw registry index
curl -s https://ui.beste.co/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| about1 | registry:block | Two-column about section with mission statement, company stats, and team member grid. Perfect for company pages and landing sections. | `npx shadcn@latest add https://ui.beste.co/r/about1.json` |
| about2 | registry:block | Full-width team photo with a three-column values grid below. Great for culture pages and brand storytelling. | `npx shadcn@latest add https://ui.beste.co/r/about2.json` |
| about3 | registry:block | Two-column layout with company stats on the left and a vertical timeline of milestones on the right. Ideal for company history and growth stories. | `npx shadcn@latest add https://ui.beste.co/r/about3.json` |
| about4 | registry:block | Founder blockquote with avatar, followed by a horizontal team member row. Ideal for leadership pages and company introductions. | `npx shadcn@latest add https://ui.beste.co/r/about4.json` |
| about5 | registry:block | Side-by-side layout with a tall image on the left and company story, inline stats, and CTAs on the right. | `npx shadcn@latest add https://ui.beste.co/r/about5.json` |
| about6 | registry:block | Asymmetric two-column layout with heading on the left and numbered company principles on the right. Clean and editorial. | `npx shadcn@latest add https://ui.beste.co/r/about6.json` |
| about7 | registry:block | Three-column grid of team member cards with avatars, roles, and short bios. Great for leadership and team pages. | `npx shadcn@latest add https://ui.beste.co/r/about7.json` |
| about8 | registry:block | Four-column stats grid with large numbers, titles, and supporting descriptions. Perfect for impact and results sections. | `npx shadcn@latest add https://ui.beste.co/r/about8.json` |
| about9 | registry:block | Centered mission statement with a logo strip of trusted partners below. Ideal for building credibility on landing and about pages. | `npx shadcn@latest add https://ui.beste.co/r/about9.json` |
| about10 | registry:block | Asymmetric bento grid combining a mission card, team photo, stats, and stacked avatars. A modern, compact about section. | `npx shadcn@latest add https://ui.beste.co/r/about10.json` |
| about11 | registry:block | Wide hero image with gradient overlay text, inline stats, and a stacked avatar strip of team members. | `npx shadcn@latest add https://ui.beste.co/r/about11.json` |
| about12 | registry:block | Four-column numbered process cards showing how your company works. Each step has a large number, title, and description. | `npx shadcn@latest add https://ui.beste.co/r/about12.json` |
| about13 | registry:block | Asymmetric layout with company story and image on the left, and a vertical list of company details on the right. Great for press and investor pages. | `npx shadcn@latest add https://ui.beste.co/r/about13.json` |
| about14 | registry:block | Horizontal stats row at the top followed by a centered story card with heading, body text, and CTAs. | `npx shadcn@latest add https://ui.beste.co/r/about14.json` |
| about15 | registry:block | Editorial-style open letter with paragraphs, a personal signature with avatar, and a call-to-action. Great for founder stories. | `npx shadcn@latest add https://ui.beste.co/r/about15.json` |
| about16 | registry:block | Three-column cards for vision, mission, and values with labeled headers. Clean editorial layout for company positioning. | `npx shadcn@latest add https://ui.beste.co/r/about16.json` |
| about17 | registry:block | Vertical list of awards and accolades with icons, titles, organizations, and years. Ideal for press and credibility sections. | `npx shadcn@latest add https://ui.beste.co/r/about17.json` |
| about18 | registry:block | Four-column grid of office cards with city, country, address, and team size. Ideal for global companies. | `npx shadcn@latest add https://ui.beste.co/r/about18.json` |
| about19 | registry:block | Full company overview with panoramic image, story paragraph, key facts list, leadership quote, and stats row. A rich, multi-section layout for company landing … | `npx shadcn@latest add https://ui.beste.co/r/about19.json` |
| about20 | registry:block | Wide team photo, member list with avatars, team stats grid, and a culture quote. A rich team showcase layout. | `npx shadcn@latest add https://ui.beste.co/r/about20.json` |
| about21 | registry:block | Two-column layout with checklist highlights on the left, featured image and testimonial quote on the right, plus a full-width stats row. | `npx shadcn@latest add https://ui.beste.co/r/about21.json` |
| about22 | registry:block | Asymmetric two-column layout with heading on the left and question-answer pairs on the right. A conversational way to introduce your company. | `npx shadcn@latest add https://ui.beste.co/r/about22.json` |
| about23 | registry:block | Two-column layout with company story, stats, and leadership quote on the left, team photo and avatar row on the right. | `npx shadcn@latest add https://ui.beste.co/r/about23.json` |
| about24 | registry:block | Company story with image, border-accented feature highlights, and stats row. Great for craft, heritage, and product-focused brands. | `npx shadcn@latest add https://ui.beste.co/r/about24.json` |
| about25 | registry:block | Side-by-side intro with animated number counters on scroll, expanding accent bars, and hover-lift value cards. For impact-driven companies. | `npx shadcn@latest add https://ui.beste.co/r/about25.json` |
| about26 | registry:block | Centered header with interactive hover tabs that crossfade a side image. Accordion descriptions and sliding accent line. For studios and agencies. | `npx shadcn@latest add https://ui.beste.co/r/about26.json` |
| about27 | registry:block | Left intro with image, right vertical timeline with staggered scroll-reveal animation. Numbered steps with sliding content. For startup journeys. | `npx shadcn@latest add https://ui.beste.co/r/about27.json` |
| about28 | registry:block | Full-width animated marquee stats ticker, split layout with intro text and leadership avatars on the left, full-height image on the right. For SaaS and product… | `npx shadcn@latest add https://ui.beste.co/r/about28.json` |
| about29 | registry:block | Centered header with wide panoramic image, product cards with layered attributes, and sourcing grid. | `npx shadcn@latest add https://ui.beste.co/r/about29.json` |
| about30 | registry:block | Panoramic image with split header showing numbered process steps alongside. For studios and creative agencies. | `npx shadcn@latest add https://ui.beste.co/r/about30.json` |
| about31 | registry:block | Dark-overlay hero image with heading, suite/room cards with temperature and capacity badges. For hotels and hospitality. | `npx shadcn@latest add https://ui.beste.co/r/about31.json` |
| about32 | registry:block | Centered heading with description, followed by two images side-by-side. Configurable image ratio (equal, left larger, right larger). Always horizontal on mobil… | `npx shadcn@latest add https://ui.beste.co/r/about32.json` |
| about33 | registry:block | About section with an eyebrow label and read-more action on the left, a bold heading with two side-by-side images on the right, and a four-column stats band be… | `npx shadcn@latest add https://ui.beste.co/r/about33.json` |
| about34 | registry:block | About section: eyebrow label, two-tone heading, two portraits beside a 2x2 stats grid. | `npx shadcn@latest add https://ui.beste.co/r/about34.json` |
| about35 | registry:block | About section with eyebrow, stacked stats and a read-more CTA beside a media card with a watch-reel play button. | `npx shadcn@latest add https://ui.beste.co/r/about35.json` |
| about36 | registry:block | Asymmetric about with a bleeding image, vertical edge label, offset copy and an inline stats row. | `npx shadcn@latest add https://ui.beste.co/r/about36.json` |
| about37 | registry:block | Three uneven columns: a studio fact index, an oversized statement, and a portrait with signature. | `npx shadcn@latest add https://ui.beste.co/r/about37.json` |
| about38 | registry:block | About where a large heading overlaps a portrait, with a paragraph, CTA and a bottom stat ribbon. | `npx shadcn@latest add https://ui.beste.co/r/about38.json` |
| about39 | registry:block | About anchored by an oversized numeral with a paragraph and a horizontal image strip. | `npx shadcn@latest add https://ui.beste.co/r/about39.json` |
| about40 | registry:block | Magazine about where copy is interleaved between two staggered offset images. | `npx shadcn@latest add https://ui.beste.co/r/about40.json` |
| about41 | registry:block | Sticky eyebrow rail beside a story column and an offset captioned image. | `npx shadcn@latest add https://ui.beste.co/r/about41.json` |
| about42 | registry:block | About composed inside a bordered studio card with header marks, portrait and a stats strip. | `npx shadcn@latest add https://ui.beste.co/r/about42.json` |
| about43 | registry:block | An oversized about statement hero above three heterogeneous zones: portrait, values and a CTA with stats. | `npx shadcn@latest add https://ui.beste.co/r/about43.json` |
| about44 | registry:block | Layered about over a faint scrolling studio-word marquee with offset images and stats. | `npx shadcn@latest add https://ui.beste.co/r/about44.json` |
| about45 | registry:block | A founder-led pull-quote about with a portrait, signature and a facts strip. | `npx shadcn@latest add https://ui.beste.co/r/about45.json` |
| about46 | registry:block | An about intro followed by a horizontally scrollable strip mixing image, stat, quote and values cards. | `npx shadcn@latest add https://ui.beste.co/r/about46.json` |
| about47 | registry:block | A hard light/dark split about panel: dark statement side and a light image-and-facts side. | `npx shadcn@latest add https://ui.beste.co/r/about47.json` |
| about48 | registry:block | About pairing a sticky studio statement and image with a numbered list of operating principles. | `npx shadcn@latest add https://ui.beste.co/r/about48.json` |
| about49 | registry:block | About built around a dark founder portrait card with a pull-quote, signature, and supporting stats. | `npx shadcn@latest add https://ui.beste.co/r/about49.json` |
| about50 | registry:block | A pinned studio image beside a numbered, chaptered about story. | `npx shadcn@latest add https://ui.beste.co/r/about50.json` |
| about51 | registry:block | A statement heading over a belief list punctuated by intermittent inline thumbnails. | `npx shadcn@latest add https://ui.beste.co/r/about51.json` |
| about52 | registry:block | About styled as a technical spec sheet with coordinate marks, a data column and a portrait. | `npx shadcn@latest add https://ui.beste.co/r/about52.json` |
| about53 | registry:block | About with two subtly rotated, captioned studio photos clustered beside the statement. | `npx shadcn@latest add https://ui.beste.co/r/about53.json` |
| about54 | registry:block | A cinematic wide image with an overlapping inset content card and a stat ribbon. | `npx shadcn@latest add https://ui.beste.co/r/about54.json` |
| about55 | registry:block | A type-led about with an oversized statement and a four-part Who/What/How/Why grid. | `npx shadcn@latest add https://ui.beste.co/r/about55.json` |
| about56 | registry:block | Large heading with dual CTAs and a rating card, a playable video with floating metric cards, and a labelled about block with large paragraphs. | `npx shadcn@latest add https://ui.beste.co/r/about56.json` |
| about57 | registry:block | Two centered statements on a dark surface, each with an accent heading, an uppercase paragraph, and a small label beneath. | `npx shadcn@latest add https://ui.beste.co/r/about57.json` |
| about58 | registry:block | About section on a soft muted card with a monospace parenthetical eyebrow, a bold studio wordmark, a large centered statement, a logos strip, and a four-column… | `npx shadcn@latest add https://ui.beste.co/r/about58.json` |
| about59 | registry:block | Centered parenthetical eyebrow and a large statement heading, followed by a three-up row of icon pillars pairing a circular icon with a title and one-line desc… | `npx shadcn@latest add https://ui.beste.co/r/about59.json` |
| about60 | registry:block | Team section with an eyebrow, big heading, description and CTA above a responsive grid of people cards (portrait image, name, role). | `npx shadcn@latest add https://ui.beste.co/r/about60.json` |
| about61 | registry:block | Two-column about section with a sticky eyebrow and big heading on the left and a long belief paragraph above a border-separated values list on the right. | `npx shadcn@latest add https://ui.beste.co/r/about61.json` |
| about62 | registry:block | About section with a header and a vertical timeline of milestones on a left rail, each marked by a year, title, and description. | `npx shadcn@latest add https://ui.beste.co/r/about62.json` |
| about63 | registry:block | Image-led about split with a tall portrait, an offset statement heading, supporting copy, mono studio facts, and a seal CTA. | `npx shadcn@latest add https://ui.beste.co/r/about63.json` |
| about64 | registry:block | Principles section with a header and a three-column grid of six bordered cards, each pairing a circular icon with a title and description. | `npx shadcn@latest add https://ui.beste.co/r/about64.json` |
| about65 | registry:block | Centered manifesto with a very large multi-line statement heading, muted emphasis phrases, a closing line, and a single CTA. | `npx shadcn@latest add https://ui.beste.co/r/about65.json` |
| about66 | registry:block | Two-column about with a tall image on one side and an eyebrow, heading, description, and 2x2 stats grid on the other. | `npx shadcn@latest add https://ui.beste.co/r/about66.json` |
| about67 | registry:block | Founder statement with a large blockquote followed by an avatar, name, role, and a monospace signature line. | `npx shadcn@latest add https://ui.beste.co/r/about67.json` |
| about68 | registry:block | A team section with an eyebrow over a hairline rule, a two-column heading, and a grid of portrait cards each with a name and role. | `npx shadcn@latest add https://ui.beste.co/r/about68.json` |
| about69 | registry:block | A company story section that runs a two-column heading over a wide photo band, then sets three founding principles as numbered hairline columns underneath. | `npx shadcn@latest add https://ui.beste.co/r/about69.json` |
| about70 | registry:block | A company story told as hairline rows keyed by a light year figure, set against a media column that sticks while they scroll and stacks an image tile floating … | `npx shadcn@latest add https://ui.beste.co/r/about70.json` |
| about71 | registry:block | A long-form company letter set in a wide reading column with an accent-ruled pull quote and signed off by avatar bylines, beside a narrower column of captioned… | `npx shadcn@latest add https://ui.beste.co/r/about71.json` |
| about72 | registry:block | An about section on a soft surface that opens on a light statement, then lays out eight company facts as a two-column hairline definition list beside an image … | `npx shadcn@latest add https://ui.beste.co/r/about72.json` |
| about73 | registry:block | A colophon written as a definition list, each hairline row naming one part of how the site is made, the choice itself, why it was made, and an optional link in… | `npx shadcn@latest add https://ui.beste.co/r/about73.json` |
| about74 | registry:block | An about section that opens on a serif statement settling in word by word, then pairs a portrait photograph drifting inside its frame with two paragraphs, a pi… | `npx shadcn@latest add https://ui.beste.co/r/about74.json` |
| about75 | registry:block | A team section: a serif heading that settles in word by word beside the intro and a pill action, then three portrait photographs that drift inside their frames… | `npx shadcn@latest add https://ui.beste.co/r/about75.json` |
| about76 | registry:block | A history told down a single rule: a sticky column with a serif heading that settles in word by word, an intro and a pill action, beside a timeline whose ink l… | `npx shadcn@latest add https://ui.beste.co/r/about76.json` |
| about77 | registry:block | A studio tour: a serif heading that settles in word by word beside the intro and a pill action, four photographs of the rooms in an uneven, offset grid that ea… | `npx shadcn@latest add https://ui.beste.co/r/about77.json` |
| about78 | registry:block | A manifesto set as numbered serif lines that each blur in as they reach the viewport, ruled from one another, beside a sticky photograph that drifts inside its… | `npx shadcn@latest add https://ui.beste.co/r/about78.json` |
| about79 | registry:block | An about section written as a letter: a portrait drifting inside its frame on the left, and on the right a serif opening line that settles in word by word, thr… | `npx shadcn@latest add https://ui.beste.co/r/about79.json` |
| about80 | registry:block | The classic about split: a serif heading that settles in word by word, two paragraphs, a sliding-marker pill and three ruled figures that count up on the left,… | `npx shadcn@latest add https://ui.beste.co/r/about80.json` |
| about81 | registry:block | A values section: a serif heading that settles in word by word beside the intro and a pill action, then three soft muted cards with a round icon, a serif title… | `npx shadcn@latest add https://ui.beste.co/r/about81.json` |
| about82 | registry:block | An about section built around a wide photograph that drifts inside its frame: a serif heading that settles in word by word above it, then an intro with a slidi… | `npx shadcn@latest add https://ui.beste.co/r/about82.json` |
| about83 | registry:block | A sticky intro beside four resource cards on a muted fill, each one a whole link that inverts to ink on hover, carrying a ringed icon, a serif title, a line of… | `npx shadcn@latest add https://ui.beste.co/r/about83.json` |
| agency10 | registry:block | A case study header with project metadata grid, service tags, and featured image. Perfect for agency portfolio pages showcasing client work details. | `npx shadcn@latest add https://ui.beste.co/r/agency10.json` |
| agency11 | registry:block | Oversized editorial manifesto statement with emphasized phrases, principle chips and a founder signature. | `npx shadcn@latest add https://ui.beste.co/r/agency11.json` |
| agency12 | registry:block | Studio values laid out with oversized ghost numerals, titles, descriptions and keywords. | `npx shadcn@latest add https://ui.beste.co/r/agency12.json` |
| agency13 | registry:block | Sticky studio intro with a portrait beside a stack of numbered principles. | `npx shadcn@latest add https://ui.beste.co/r/agency13.json` |
| agency14 | registry:block | A studio team grid of member portraits with names and roles. | `npx shadcn@latest add https://ui.beste.co/r/agency14.json` |
| agency15 | registry:block | Editorial list of studio awards by year with project and recognition details. | `npx shadcn@latest add https://ui.beste.co/r/agency15.json` |
| agency16 | registry:block | Studio overview pairing facts, copy and highlight stats with a clean studio image. | `npx shadcn@latest add https://ui.beste.co/r/agency16.json` |
| agency17 | registry:block | Interactive principle list that swaps a detail panel with image as each is hovered. | `npx shadcn@latest add https://ui.beste.co/r/agency17.json` |
| agency18 | registry:block | A bold ethos statement beside a list of concrete studio commitments. | `npx shadcn@latest add https://ui.beste.co/r/agency18.json` |
| agency19 | registry:block | A two-column comparison contrasting the Polaris way with a typical agency. | `npx shadcn@latest add https://ui.beste.co/r/agency19.json` |
| agency20 | registry:block | Client logo cloud paired with measurable engagement outcomes. | `npx shadcn@latest add https://ui.beste.co/r/agency20.json` |
| agency21 | registry:block | Ruled, expandable capability rows with oversized type, detail copy, and monospace tag chips. | `npx shadcn@latest add https://ui.beste.co/r/agency21.json` |
| agency22 | registry:block | A connected left-to-right sequence of numbered project phases with a ruled timeline and step dots. | `npx shadcn@latest add https://ui.beste.co/r/agency22.json` |
| agency23 | registry:block | A services section with an eyebrow over a hairline rule, a two-column heading, and an editorial list of monospace-numbered service rows split into title and de… | `npx shadcn@latest add https://ui.beste.co/r/agency23.json` |
| agency24 | registry:block | 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 pl… | `npx shadcn@latest add https://ui.beste.co/r/agency24.json` |
| agency25 | registry:block | A hairline service list that puts the starting price on the page, each row carrying the engagement name with its duration underneath, one line of scope, and th… | `npx shadcn@latest add https://ui.beste.co/r/agency25.json` |
| auth1 | registry:block | Full-height centered sign-in screen with social login providers, email and password fields, a show/hide password toggle, remember-me checkbox, and forgot-passw… | `npx shadcn@latest add https://ui.beste.co/r/auth1.json` |
| auth2 | registry:block | Two-column registration screen pairing a sign-up form (social providers, name, email, password with show/hide, terms checkbox) with a full-bleed image showcase… | `npx shadcn@latest add https://ui.beste.co/r/auth2.json` |
| auth3 | registry:block | Full-height OTP verification screen with a centered icon, segmented six-digit code input, a verify button that unlocks once the code is complete, and a live re… | `npx shadcn@latest add https://ui.beste.co/r/auth3.json` |
| auth4 | registry:block | Full-height password recovery screen with a centered icon, single email field built on the shadcn Field primitives, a send-reset-link button, and a back-to-sig… | `npx shadcn@latest add https://ui.beste.co/r/auth4.json` |
| auth5 | registry:block | Full-height reset-password screen with new and confirm password fields (each with a show/hide toggle) and a live requirements checklist that ticks off rules as… | `npx shadcn@latest add https://ui.beste.co/r/auth5.json` |
| auth6 | registry:block | Full-height passwordless sign-in screen with a single email field, a send-magic-link button, a helper note, and social login providers below a divider. Perfect… | `npx shadcn@latest add https://ui.beste.co/r/auth6.json` |
| auth7 | registry:block | Full-height account picker that lists saved accounts with avatars, names, and emails, plus a use-another-account row. Perfect for multi-account apps, SSO hubs,… | `npx shadcn@latest add https://ui.beste.co/r/auth7.json` |
| auth8 | registry:block | Full-height re-authentication screen showing the signed-in user's avatar, name, and email with a single password field, a forgot-password link, and a use-a-dif… | `npx shadcn@latest add https://ui.beste.co/r/auth8.json` |
| auth9 | registry:block | Two-column sign-in screen pairing a full sign-in form (social providers, email, password with show/hide, remember me) with a brand panel that lists product hig… | `npx shadcn@latest add https://ui.beste.co/r/auth9.json` |
| auth10 | registry:block | Full-height biometric sign-in with an animated face-scan viewfinder that runs through idle, scanning, and recognized states, plus a continue action and a passw… | `npx shadcn@latest add https://ui.beste.co/r/auth10.json` |
| auth11 | registry:block | Full-height onboarding step where the user picks an account type from selectable radio cards with icons and descriptions, then continues. Perfect for tailoring… | `npx shadcn@latest add https://ui.beste.co/r/auth11.json` |
| auth12 | registry:block | Full-height success screen with a large confirmation check, a heading and message, a primary continue button, and a support link. Perfect for the final step af… | `npx shadcn@latest add https://ui.beste.co/r/auth12.json` |
| auth13 | registry:block | Full-height centered registration card with social providers, name, email, and password fields (with show/hide), a terms checkbox, and a sign-in link. Perfect … | `npx shadcn@latest add https://ui.beste.co/r/auth13.json` |
| auth14 | registry:block | Full-height single sign-on screen with a work-email field, a continue-with-SSO button, and Google and Microsoft providers below a divider. Perfect for B2B and … | `npx shadcn@latest add https://ui.beste.co/r/auth14.json` |
| auth15 | registry:block | Full-height phone-based sign-in with a country-code select paired to a phone number input, a send-code button, and an email fallback link. Perfect for SMS one-… | `npx shadcn@latest add https://ui.beste.co/r/auth15.json` |
| auth16 | registry:block | Full-height invitation acceptance screen showing the inviter's avatar and team name, a pre-filled disabled email, and name and password fields to set up the ac… | `npx shadcn@latest add https://ui.beste.co/r/auth16.json` |
| auth17 | registry:block | Full-height signed-out screen with a centered icon, a heading and message, a sign-back-in button, and a return-home link. Perfect for logout confirmations and … | `npx shadcn@latest add https://ui.beste.co/r/auth17.json` |
| auth18 | registry:block | Full-height security notification screen listing the device, location, and time of a new sign-in, with confirm-it-was-me and secure-my-account actions. Perfect… | `npx shadcn@latest add https://ui.beste.co/r/auth18.json` |
| auth19 | registry:block | Full-height OAuth consent screen showing the requesting app, the permissions it needs as a scope list, and authorize and cancel actions. Perfect for third-part… | `npx shadcn@latest add https://ui.beste.co/r/auth19.json` |
| auth20 | registry:block | Full-height confirmation screen shown after a magic link is sent, with a mail icon, the destination email, an open-email button, a live resend countdown, and a… | `npx shadcn@latest add https://ui.beste.co/r/auth20.json` |
| auth21 | registry:block | Full-height passwordless sign-in screen with a fingerprint icon, a continue-with-passkey button, and a password fallback below a divider. Perfect for WebAuthn … | `npx shadcn@latest add https://ui.beste.co/r/auth21.json` |
| auth22 | registry:block | Full-height two-factor backup screen that displays single-use recovery codes in a grid with copy and download actions, a warning callout, and a confirmation ch… | `npx shadcn@latest add https://ui.beste.co/r/auth22.json` |
| auth23 | registry:block | Full-height lockout screen shown after too many failed attempts, with a live mm:ss countdown, a retry button that unlocks when the timer ends, and a reset-pass… | `npx shadcn@latest add https://ui.beste.co/r/auth23.json` |
| auth24 | registry:block | Full-height profile setup step with an avatar uploader, a display name field, and a bio textarea, plus a skip option. Perfect for the post-sign-up onboarding s… | `npx shadcn@latest add https://ui.beste.co/r/auth24.json` |
| auth25 | registry:block | Full-height username picker with a prefixed input group, a live availability indicator, suggestion chips when a handle is taken, and a submit button that unloc… | `npx shadcn@latest add https://ui.beste.co/r/auth25.json` |
| auth26 | registry:block | Full-height plan selection step with a monthly/annual billing toggle and selectable plan cards that update their pricing live, plus a continue button. Perfect … | `npx shadcn@latest add https://ui.beste.co/r/auth26.json` |
| auth27 | registry:block | Full-height authentication error screen with a warning icon, an explanation, an optional error code, and try-again, back, and contact-support actions. Perfect … | `npx shadcn@latest add https://ui.beste.co/r/auth27.json` |
| auth28 | registry:block | Full-height expired-link screen with a broken-link icon, an explanation, a request-a-new-link button, and a back-to-sign-in link. Perfect for stale magic links… | `npx shadcn@latest add https://ui.beste.co/r/auth28.json` |
| auth29 | registry:block | Full-height terminal-style sign-in rendered as a CLI window with a command prompt, a monospace email input, and a send-link action. Perfect for developer tools… | `npx shadcn@latest add https://ui.beste.co/r/auth29.json` |
| auth30 | registry:block | Full-height numeric keypad lock screen with PIN dots, a biometric shortcut, and a backspace key. Perfect for mobile app locks and quick re-authentication. | `npx shadcn@latest add https://ui.beste.co/r/auth30.json` |
| auth31 | registry:block | Full-height cross-device sign-in with a scannable QR code, a manual fallback code, and a live waiting-for-confirmation indicator. Perfect for signing in on des… | `npx shadcn@latest add https://ui.beste.co/r/auth31.json` |
| auth32 | registry:block | Two-column editorial sign-in pairing an oversized typographic brand panel with a clean email and password form. Stacks the panel above the form on mobile. Perf… | `npx shadcn@latest add https://ui.beste.co/r/auth32.json` |
| auth33 | registry:block | Full-height multi-step registration with a numbered progress stepper that advances as the user moves through account, profile, and workspace steps, with back a… | `npx shadcn@latest add https://ui.beste.co/r/auth33.json` |
| auth34 | registry:block | Full-height progressive sign-in that asks for the email first, then reveals the password step with the chosen email shown and editable. Perfect for modern emai… | `npx shadcn@latest add https://ui.beste.co/r/auth34.json` |
| auth35 | registry:block | Full-height push-approval screen that shows a large number to match in your authenticator app, with a live waiting indicator and a cancel option. Perfect for n… | `npx shadcn@latest add https://ui.beste.co/r/auth35.json` |
| auth36 | registry:block | Full-height workspace picker listing organizations with logo initials, member details, and a create-workspace row, plus a signed-in-as footer. Perfect for mult… | `npx shadcn@latest add https://ui.beste.co/r/auth36.json` |
| auth37 | registry:block | Full-height web3 sign-in that lists wallet providers with icons, details, and a detected badge, plus a what-is-a-wallet helper link. Perfect for crypto and dec… | `npx shadcn@latest add https://ui.beste.co/r/auth37.json` |
| auth38 | registry:block | Full-height pattern unlock screen with a tappable 3x3 dot grid that draws connecting lines as dots are selected, plus clear and unlock controls. Perfect for ap… | `npx shadcn@latest add https://ui.beste.co/r/auth38.json` |
| auth39 | registry:block | Full-height security setup step where the user picks a two-factor method from selectable cards (authenticator app, SMS, or security key), with a skip option. P… | `npx shadcn@latest add https://ui.beste.co/r/auth39.json` |
| auth40 | registry:block | Full-height change-password screen with current, new, and confirm password fields (show/hide toggles), a forgot-password link, and a cancel option. Perfect for… | `npx shadcn@latest add https://ui.beste.co/r/auth40.json` |
| auth41 | registry:block | Full-height destructive confirmation screen that lists the consequences and requires the user to type a confirmation word before the delete button enables. Per… | `npx shadcn@latest add https://ui.beste.co/r/auth41.json` |
| auth42 | registry:block | 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. | `npx shadcn@latest add https://ui.beste.co/r/auth42.json` |
| auth43 | registry:block | 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-a… | `npx shadcn@latest add https://ui.beste.co/r/auth43.json` |
| auth44 | registry:block | Full-height loading screen shown while redirecting to an identity provider, with a spinner and a manual-continue fallback link. Perfect for SSO and OAuth hando… | `npx shadcn@latest add https://ui.beste.co/r/auth44.json` |
| auth45 | registry:block | 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. Perfe… | `npx shadcn@latest add https://ui.beste.co/r/auth45.json` |
| auth46 | registry:block | Full-height step-up authentication screen that re-asks for the password before a sensitive action, showing the signed-in account and a cancel option. Perfect f… | `npx shadcn@latest add https://ui.beste.co/r/auth46.json` |
| auth47 | registry:block | Full-height account recovery screen with a numbered grid of word inputs and paste-to-fill support, plus a restore button that unlocks once every word is entere… | `npx shadcn@latest add https://ui.beste.co/r/auth47.json` |
| auth48 | registry:block | Full-height security question setup with a question select and an answer field, plus a skip option. Perfect for account recovery setup and identity verificatio… | `npx shadcn@latest add https://ui.beste.co/r/auth48.json` |
| auth49 | registry:block | A hairline sign-in panel with a lowercase wordmark, email and password fields, an inline forgot link, a remember toggle, and an SSO fallback, set beside a full… | `npx shadcn@latest add https://ui.beste.co/r/auth49.json` |
| auth50 | registry:block | A hairline sign-up panel carrying a lowercase wordmark, name, work email, and password fields with an SSO fallback and terms note, beside a soft column of chec… | `npx shadcn@latest add https://ui.beste.co/r/auth50.json` |
| auth51 | registry:block | A centered passwordless card that advances in place from a work email step with an SSO fallback to a monospace one-time-code entry with resend and go-back cont… | `npx shadcn@latest add https://ui.beste.co/r/auth51.json` |
| auth52 | registry:block | A centered password reset card whose segmented strength meter and checked requirement list update as the field is typed, with a confirmation field and a breach… | `npx shadcn@latest add https://ui.beste.co/r/auth52.json` |
| auth53 | registry:block | A single narrow card that asks only for an email, then replaces itself in place with a sent state that echoes the address back and offers to start again with a… | `npx shadcn@latest add https://ui.beste.co/r/auth53.json` |
| auth54 | registry:block | A full-height sign-in split: wordmark, a serif greeting that settles in word by word, email and password fields with a full-width sliding-marker pill and a swi… | `npx shadcn@latest add https://ui.beste.co/r/auth54.json` |
| bento1 | registry:block | A hand-tiled monochrome bento grid mixing a statement, a stat, an image, a quote, and a CTA into one composition. | `npx shadcn@latest add https://ui.beste.co/r/bento1.json` |
| bento2 | registry:block | 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 o… | `npx shadcn@latest add https://ui.beste.co/r/bento2.json` |
| bento3 | registry:block | Work mosaic on a six-column track mixing photographic tiles that carry their caption inside on a gradient scrim with a soft statement tile and an inverted figu… | `npx shadcn@latest add https://ui.beste.co/r/bento3.json` |
| bento4 | registry:block | Service mosaic whose lead tile floats a photo-strip media piece over a dotted field between its eyebrow and statement, beside a photographic tile captioned on … | `npx shadcn@latest add https://ui.beste.co/r/bento4.json` |
| bento5 | registry:block | Process mosaic where the opening phase fills a two-row photographic tile with its eyebrow, explanation and duration on the scrim, beside an inverted summary ti… | `npx shadcn@latest add https://ui.beste.co/r/bento5.json` |
| bento6 | registry:block | Product mosaic pairing a two-row hero photograph captioned on its scrim with a tall specification tile, then two square macro tiles that carry their caption in… | `npx shadcn@latest add https://ui.beste.co/r/bento6.json` |
| bento7 | registry:block | 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 th… | `npx shadcn@latest add https://ui.beste.co/r/bento7.json` |
| bento8 | registry:block | Metrics mosaic where every figure sits on the photograph it came from behind a tinted scrim, the lead result spanning four columns and two rows, closed by a so… | `npx shadcn@latest add https://ui.beste.co/r/bento8.json` |
| bento9 | registry:block | Magazine mosaic whose cover story fills a two-row photographic tile with its category and page count on the scrim, beside an inverted figure tile, a bordered p… | `npx shadcn@latest add https://ui.beste.co/r/bento9.json` |
| bento10 | registry:block | 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 … | `npx shadcn@latest add https://ui.beste.co/r/bento10.json` |
| bento11 | registry:block | A six-column bento mixing a lead card whose image tile floats a live metrics panel, a soft statement tile, an inverted figure tile, a second asset tile carryin… | `npx shadcn@latest add https://ui.beste.co/r/bento11.json` |
| bento12 | registry:block | A six-column bento of proof: a row of figure tiles with the first inverted, a tall card whose image tile floats a live breakdown chart, a tile carrying a custo… | `npx shadcn@latest add https://ui.beste.co/r/bento12.json` |
| bento13 | registry:block | A six-column bento for getting started: a wide card floating a live step tracker, a numbered week list on hairlines, an inverted quote tile, and a capture card… | `npx shadcn@latest add https://ui.beste.co/r/bento13.json` |
| bento14 | registry:block | A six-column mosaic that carries a whole publication at once: the newest piece as a photographic tile, two counted figures, a reader quote, an inverted subscri… | `npx shadcn@latest add https://ui.beste.co/r/bento14.json` |
| bento15 | registry:block | One mosaic of six tiles: a large photograph that drifts inside its tile, an ink quote tile with film grain, a serif figure that counts up, a small photograph, … | `npx shadcn@latest add https://ui.beste.co/r/bento15.json` |
| blog3 | registry:block | Three-column responsive grid of blog cards featuring author avatars, tag badges, and hover zoom effects. Clean card design with date and read time metadata. | `npx shadcn@latest add https://ui.beste.co/r/blog3.json` |
| blog4 | registry:block | Large featured article with side-by-side image and content, followed by a three-column grid of secondary posts. Read more buttons and author details included. | `npx shadcn@latest add https://ui.beste.co/r/blog4.json` |
| blog5 | registry:block | Vertical stack of horizontal blog cards with left-aligned thumbnails. Features calendar and clock icons for metadata, author titles, and tag badges. | `npx shadcn@latest add https://ui.beste.co/r/blog5.json` |
| blog8 | registry:block | Filterable blog grid with tab navigation for categories. Posts automatically filter by category selection with smooth content switching. | `npx shadcn@latest add https://ui.beste.co/r/blog8.json` |
| blog10 | registry:block | Large alternating left-right blog cards with full article summaries. Image and content switch sides for visual variety. Read more buttons included. | `npx shadcn@latest add https://ui.beste.co/r/blog10.json` |
| blog11 | registry:block | Two-column compact blog list with small square thumbnails. Space-efficient design showing many posts at once with minimal metadata. | `npx shadcn@latest add https://ui.beste.co/r/blog11.json` |
| blog12 | registry:block | Pinterest-style masonry layout with varying content heights. CSS columns create organic flow with cards of different summary lengths. | `npx shadcn@latest add https://ui.beste.co/r/blog12.json` |
| blog13 | registry:block | Main content area with horizontal post cards plus sidebar. Categories show post counts and popular tags section with clickable badges. | `npx shadcn@latest add https://ui.beste.co/r/blog13.json` |
| blog14 | registry:block | Four-column grid mixing blog cards with an integrated newsletter signup card. Email input and subscribe button embedded in the layout. | `npx shadcn@latest add https://ui.beste.co/r/blog14.json` |
| blog15 | registry:block | Clean text-only blog list with arrow icons. No images, just titles, dates, and authors. Lightweight design with hover arrow animation. | `npx shadcn@latest add https://ui.beste.co/r/blog15.json` |
| blog18 | registry:block | Blog archive organized by month with compact list entries. Small thumbnails and formatted dates create a scannable chronological view. | `npx shadcn@latest add https://ui.beste.co/r/blog18.json` |
| blog22 | registry:block | Vertically stacked blog cards with 2:1 aspect ratio images. Full article summaries with author avatars and read more buttons. Long-form content showcase. | `npx shadcn@latest add https://ui.beste.co/r/blog22.json` |
| blog25 | registry:block | Two-column layout with featured image on left and article list on right. Divider-separated entries with arrow hover effects. | `npx shadcn@latest add https://ui.beste.co/r/blog25.json` |
| blog26 | registry:block | Playful polaroid-style cards with random rotations and white borders. Cards straighten on hover for a fun, casual photo gallery feel. | `npx shadcn@latest add https://ui.beste.co/r/blog26.json` |
| blog27 | registry:block | Classic newspaper layout with serif fonts and bordered headline. Large main story on left, stacked secondary stories on right with dividers. | `npx shadcn@latest add https://ui.beste.co/r/blog27.json` |
| blog30 | registry:block | Grid of image cards with gradient overlays. Summaries expand on hover with smooth max-height animation. Titles always visible with white text. | `npx shadcn@latest add https://ui.beste.co/r/blog30.json` |
| blog31 | registry:block | Wide cinematic banners with centered text overlay. Large bold titles on semi-transparent backgrounds. Immersive visual storytelling format. | `npx shadcn@latest add https://ui.beste.co/r/blog31.json` |
| blog36 | registry:block | Multi-part tutorial series with numbered parts. Book icon, part count, and progress-style list. Perfect for step-by-step learning content. | `npx shadcn@latest add https://ui.beste.co/r/blog36.json` |
| blog42 | registry:block | Vertical timeline archive organized by year and month. Calendar icon with border line connecting entries. Compact text-only format. | `npx shadcn@latest add https://ui.beste.co/r/blog42.json` |
| blog43 | registry:block | A blog listing with an eyebrow over a hairline rule, a two-column heading, and three linked article cards with a hover-zoom image, a category label, a title, a… | `npx shadcn@latest add https://ui.beste.co/r/blog43.json` |
| blog44 | registry:block | A newsroom listing with a heading, a divider, and an eyebrow over a hairline rule, a two-column lead story with a large image, the remaining stories stacked as… | `npx shadcn@latest add https://ui.beste.co/r/blog44.json` |
| blog45 | registry:block | 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 releas… | `npx shadcn@latest add https://ui.beste.co/r/blog45.json` |
| blog46 | registry:block | A newsroom front page with a heading, a divider, and a square eyebrow over a hairline rule, a wide lead story whose headline and standfirst split across a twel… | `npx shadcn@latest add https://ui.beste.co/r/blog46.json` |
| blog47 | registry:block | A newsroom bulletin with a square eyebrow, an image-free lead story split across a 7/5 grid with a standfirst, byline, and a seal button, then three illustrate… | `npx shadcn@latest add https://ui.beste.co/r/blog47.json` |
| blog48 | registry:block | A newsroom listing with a square eyebrow, a two-column heading band over a hairline rule, and four equally weighted stories as bordered cards, each linking thr… | `npx shadcn@latest add https://ui.beste.co/r/blog48.json` |
| blog49 | registry:block | An image-free newsroom index with a square eyebrow, a two-column heading band over a hairline rule, four linked release cards that each pair an accent counter … | `npx shadcn@latest add https://ui.beste.co/r/blog49.json` |
| blog50 | registry:block | A six-slot magazine mosaic with a parenthetical eyebrow and a large heading, pairing a dominant two-by-two tile with a tall tile, wide tiles, and unit tiles th… | `npx shadcn@latest add https://ui.beste.co/r/blog50.json` |
| blog51 | registry:block | A six-slot mosaic under a parenthetical eyebrow and a large heading, mixing full-bleed photo tiles with flat text tiles on muted and inverted surfaces, where t… | `npx shadcn@latest add https://ui.beste.co/r/blog51.json` |
| blog52 | registry:block | A CSS-columns masonry of linked newsroom cards under a parenthetical eyebrow and a large heading, where the image aspect ratio cycles by position so the wall k… | `npx shadcn@latest add https://ui.beste.co/r/blog52.json` |
| blog53 | registry:block | A press office masonry wall under a parenthetical eyebrow and a large heading, mixing photo cards with image-free release cards on soft muted surfaces, each re… | `npx shadcn@latest add https://ui.beste.co/r/blog53.json` |
| blog54 | registry:block | A twelve-column newsroom band under a parenthetical eyebrow, pairing one lead story carrying a pinned marker, a large image, and a byline block with a stack of… | `npx shadcn@latest add https://ui.beste.co/r/blog54.json` |
| blog55 | registry:block | 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 typ… | `npx shadcn@latest add https://ui.beste.co/r/blog55.json` |
| blog56 | registry:block | A six-slot photo mosaic under a parenthetical eyebrow and a large heading, where every tile is bound to one newsroom category so the grid doubles as a section … | `npx shadcn@latest add https://ui.beste.co/r/blog56.json` |
| blog57 | registry:block | 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… | `npx shadcn@latest add https://ui.beste.co/r/blog57.json` |
| blog58 | registry:block | Image-free article index where every entry is one ruled row carrying the date, the category, the title and the reading time with a corner arrow, stacking to a … | `npx shadcn@latest add https://ui.beste.co/r/blog58.json` |
| blog59 | registry:block | 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 une… | `npx shadcn@latest add https://ui.beste.co/r/blog59.json` |
| blog60 | registry:block | A blog section pairing one linked feature with a hover-zoom image, category label, and byline against a hairline list of five recent posts stamped with their d… | `npx shadcn@latest add https://ui.beste.co/r/blog60.json` |
| blog61 | registry:block | A dense blog archive whose subject pills are derived from the posts themselves and carry live counts, filtering a two-column list of hairline rows stamped with… | `npx shadcn@latest add https://ui.beste.co/r/blog61.json` |
| blog62 | registry:block | A blog section splitting a bordered container between the newsletter pitch with a cadence line on a hairline and an image tile holding a working subscribe row,… | `npx shadcn@latest add https://ui.beste.co/r/blog62.json` |
| blog63 | registry:block | A topic hub card whose left third is a photo panel with the topic title set on a scrim over it, next to a two-column body: a short summary on one side and the … | `npx shadcn@latest add https://ui.beste.co/r/blog63.json` |
| blog64 | registry:block | A curated reading list under a left-aligned header, laid out as two columns of linked rows where a wide thumbnail sits beside the article title and nothing els… | `npx shadcn@latest add https://ui.beste.co/r/blog64.json` |
| blog65 | registry:block | A lead article carrying its own wide image, excerpt and byline next to a rail of further posts reduced to a thumbnail and a title, so one story clearly outrank… | `npx shadcn@latest add https://ui.beste.co/r/blog65.json` |
| blog66 | registry:block | Three tinted topic cards, each stamped with how many pieces sit behind it, the topic name, and an image filling the lower half, alongside a link out to the ful… | `npx shadcn@latest add https://ui.beste.co/r/blog66.json` |
| blog67 | registry:block | An index of writing that was planned as runs rather than posts, pairing each series and how far along it is with its numbered parts in the column beside it. | `npx shadcn@latest add https://ui.beste.co/r/blog67.json` |
| blog68 | registry:block | A journal listing: a serif heading settling in word by word beside a pill action, then three staggered article cards whose photographs drift inside their frame… | `npx shadcn@latest add https://ui.beste.co/r/blog68.json` |
| blog69 | registry:block | A journal section with one featured essay, its wide photograph drifting inside the frame, small-caps category and date, a large serif title and an excerpt, bes… | `npx shadcn@latest add https://ui.beste.co/r/blog69.json` |
| blog70 | registry:block | An image-free journal index: a sticky column with a serif heading that settles in word by word and a pill action, beside ruled rows that each carry a small-cap… | `npx shadcn@latest add https://ui.beste.co/r/blog70.json` |
| booking1 | registry:block | Split-panel booking interface with interactive monthly calendar on the left and time slot grid on the right. Features today highlight, disabled dates, selected… | `npx shadcn@latest add https://ui.beste.co/r/booking1.json` |
| booking2 | registry:block | Booking confirmation card with service details, date/time, provider info with avatar, price breakdown with subtotal/tax/discount/total, promo code input, cance… | `npx shadcn@latest add https://ui.beste.co/r/booking2.json` |
| booking3 | registry:block | Upcoming and past appointments list grouped by date, with service name, provider avatar, time, duration, status badges (confirmed/pending/cancelled), and resch… | `npx shadcn@latest add https://ui.beste.co/r/booking3.json` |
| booking4 | registry:block | Service selection grid with category filter tabs, service cards showing icon, name, description, duration, price, and selected state. Ideal for spa, salon, cli… | `npx shadcn@latest add https://ui.beste.co/r/booking4.json` |
| booking5 | registry:block | Staff/provider selection cards with avatar, name, specialty, star rating, review count, availability badge, experience years, and selected state. Grid layout w… | `npx shadcn@latest add https://ui.beste.co/r/booking5.json` |
| booking6 | registry:block | Restaurant table reservation with guest count selector, date/time picker, seating preference (indoor/outdoor/bar), special requests textarea, and booking summa… | `npx shadcn@latest add https://ui.beste.co/r/booking6.json` |
| booking7 | registry:block | 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 to… | `npx shadcn@latest add https://ui.beste.co/r/booking7.json` |
| booking8 | registry:block | Flight search results with airline logos, departure/arrival times, duration, stops, class selector (economy/business/first), baggage info, and price comparison… | `npx shadcn@latest add https://ui.beste.co/r/booking8.json` |
| booking9 | registry:block | Event ticket selection with event banner, date/venue info, ticket tier cards (General/VIP/Backstage) with perks list, quantity selector, and order total. Conce… | `npx shadcn@latest add https://ui.beste.co/r/booking9.json` |
| booking10 | registry:block | Coworking meeting room reservation with room cards showing capacity, equipment icons, hourly pricing, time range selector, attendee count, and total cost. Offi… | `npx shadcn@latest add https://ui.beste.co/r/booking10.json` |
| booking11 | registry:block | Google Flights-style price calendar with per-day pricing, cheapest day highlights, expensive day indicators, date range selection, and best deal summary banner… | `npx shadcn@latest add https://ui.beste.co/r/booking11.json` |
| booking12 | registry:block | Airbnb/Booking.com-style search bar with location autocomplete, date range picker, guest counter dropdown, and search CTA. Responsive — inline on desktop, stac… | `npx shadcn@latest add https://ui.beste.co/r/booking12.json` |
| booking13 | registry:block | Booking.com-style social proof ticker with rotating messages: live viewers, recent bookings, scarcity alerts, and location-based activity. Animated transitions… | `npx shadcn@latest add https://ui.beste.co/r/booking13.json` |
| booking14 | registry:block | Tours and experiences booking card with hero image overlay, rating, duration, difficulty badge, date picker, traveler counter, language selector, highlights li… | `npx shadcn@latest add https://ui.beste.co/r/booking14.json` |
| booking15 | registry:block | Post-booking success screen with animated check icon, confirmation number, booking summary (service, date/time, location, total), scannable QR code ticket, act… | `npx shadcn@latest add https://ui.beste.co/r/booking15.json` |
| booking16 | registry:block | Residential cleaning service booking with service type tabs (standard/deep/move-out), bedroom/bathroom selectors, recurring frequency pills, add-ons checklist,… | `npx shadcn@latest add https://ui.beste.co/r/booking16.json` |
| booking17 | registry:block | Ride-share style booking with pickup/dropoff address inputs, schedule now/later toggle, ride class selector (economy/comfort/xl) with ETA and fare, payment met… | `npx shadcn@latest add https://ui.beste.co/r/booking17.json` |
| booking18 | registry:block | Interactive seat selection grid for cinemas, theaters, and events. Row/column layout with an aisle gap, tier-based pricing (standard/premium/VIP), occupied sea… | `npx shadcn@latest add https://ui.beste.co/r/booking18.json` |
| booking19 | registry:block | Stepper-based booking flow with numbered progress dots, animated progress bar, and four steps: service selection, schedule, contact details, and review. Back/N… | `npx shadcn@latest add https://ui.beste.co/r/booking19.json` |
| booking20 | registry:block | Vehicle rental flow with pickup and return location fields, date range picker, car class grid (compact/suv/luxury) with image and specs, insurance tier selecto… | `npx shadcn@latest add https://ui.beste.co/r/booking20.json` |
| booking21 | registry:block | Gym or studio weekly schedule with day tabs, class list per day (instructor avatar, duration, spots remaining, difficulty), and quick reserve action. Tap a day… | `npx shadcn@latest add https://ui.beste.co/r/booking21.json` |
| booking22 | registry:block | Multi-service booking composer. Customers assemble their own wellness day by adding services across categories (massage/facial/body/nails/add-ons), with live p… | `npx shadcn@latest add https://ui.beste.co/r/booking22.json` |
| booking23 | registry:block | Booking cancellation screen with the original booking summary, cancellation reason picker (radio list with optional notes), live refund breakdown based on canc… | `npx shadcn@latest add https://ui.beste.co/r/booking23.json` |
| booking24 | registry:block | An interactive appointment picker: a hairline panel pairing a selectable service list with a scrollable day strip and a time slot grid that marks unavailable t… | `npx shadcn@latest add https://ui.beste.co/r/booking24.json` |
| booking25 | registry:block | A confirmation screen with an accent eyebrow, a two-column hairline table of the appointment details, a checked list of what to bring, and a sticky tile floati… | `npx shadcn@latest add https://ui.beste.co/r/booking25.json` |
| booking26 | registry:block | A quiet booking picker whose left column lists each service as a single hairline row carrying only its length and price, swapping a sticky panel that floats a … | `npx shadcn@latest add https://ui.beste.co/r/booking26.json` |
| booking27 | registry:block | A clinician picker whose hairline list of practitioners, each showing their next opening, swaps an image tile floating a live availability card alongside their… | `npx shadcn@latest add https://ui.beste.co/r/booking27.json` |
| booking28 | registry:block | A no-availability state that answers with three hairline figures and a numbered explanation of how offers are made, beside a sticky square tile floating a live… | `npx shadcn@latest add https://ui.beste.co/r/booking28.json` |
| booking29 | registry:block | Three intake questions that land on a real appointment type instead of a drop-down: the answers pick a route with its length, its facts, and the clinician you … | `npx shadcn@latest add https://ui.beste.co/r/booking29.json` |
| booking30 | registry:block | A booking section: a serif heading that settles in word by word over the intro, a ruled contact sheet and a practitioner avatar line, beside a calm request for… | `npx shadcn@latest add https://ui.beste.co/r/booking30.json` |
| booking31 | registry:block | A visit-us section: a photograph drifting inside its frame on the left, and on the right a serif heading that settles in word by word, an intro, a ruled sheet … | `npx shadcn@latest add https://ui.beste.co/r/booking31.json` |
| booking32 | registry:block | The classic contact section: a serif heading that settles in word by word, an intro and a ruled contact sheet on the left, and a plain form with name, email an… | `npx shadcn@latest add https://ui.beste.co/r/booking32.json` |
| booking33 | registry:block | A booking chooser: a serif heading that settles in word by word and an intro, then a ruled list of session types on the left that swaps, with a soft blur, the … | `npx shadcn@latest add https://ui.beste.co/r/booking33.json` |
| careers1 | registry:block | Job listings section with role cards showing department, location, and employment type. Clean list layout with hover effects and apply buttons. | `npx shadcn@latest add https://ui.beste.co/r/careers1.json` |
| careers2 | registry:block | Job openings grid with department badges, location tags, and apply buttons. Card-based layout for career pages. | `npx shadcn@latest add https://ui.beste.co/r/careers2.json` |

## For AI agents

```text
You are adding components from @beste-ui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/beste-ui.md) for the component list.
2. Fetch the machine-readable index: https://ui.beste.co/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: beste-ui).
```