BlockReactregistry:block6 dependencies

Provider Picker

booking5

Staff/provider selection cards with avatar, name, specialty, star rating, review count, availability badge, experience years, and selected state. Grid layout with "Any Provider" option.

@beste-ui Registry JSON

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Install

npx shadcn@latest add @beste-ui/booking5

Needs @beste-ui in your components.json registries — switch to URL if it doesn't resolve.

Registry: @beste-ui
Kind: Block
Framework: React
Files: 1 · 10.3 KB
Preview: Live
License: MIT

npm dependencies

clsx tailwind-merge lucide-react

Registry dependencies

badgeshadcn/ui
buttonshadcn/ui
avatarshadcn/ui

3 variants

Variants of this

Other takes on Provider Picker from @beste-ui — the same idea in another design, language or styling.

Post-booking success screen with animated check icon, confirmation number, booking summary (service, date/time, location, total), scannable QR code ticket, action buttons (calendar, receipt, directions), and email confirmation note.

Open

@beste-ui